<body> <table> <tr> <td> <input type="text" value="不如意十八九" > </td> </tr> </table> </body>
Because the editing and preview interfaces share the same interface, consider using styles to distinguish them. The above code should have the following results:
<body> <table> <tr> <td> 不如意十八九 </td> </tr> </table> </body>
Can you please implement it
Reply to the discussion (solution)
<input type="text" value="不如意十八九" style="border:0px;">
It can be achieved with css
Define a class, and then define the border none and the background color
Wouldn’t it be better
<input type="text" style="border:0px;background-color:blue" value="不如意十八九" > <input type="text" style="border:0px;background-color:blue" value="不如意十八九" >
1
input{ border-style:none; background-color:#FF9;}After reading the question, are you asking how to achieve the JS effect?
<body>
<table>
<tr>
<td id="box">
<input type="text" value="不如意十八九" id="myinput" >
<button onclick="clicked()">click me</button>
</td>
</tr>
</table>
</body>
------------------
<script>function clicked(){
var user_val = document.getElementById("myinput").value;document.getElementById("box").innerHTML = user_val;
}</script>No borders are border:0px; background-color: #fef;
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
