前端中表单输入的几个注意事项
文本框的大小调节
<p><label>被翻译文字</label></p>
<input style="width:400px;height:80px" method="POST" name="body" id="src_text" class="form-control">
文本框多行输入
在完成程序设计综合实验的前端设计中出现了一些小小的问题,希望能够让整个填写的文本框都能有字,而不是只有“一行”的限制,于是做出如下调整。
<p><label>被翻译文字</label></p>
<textarea style="width:400px;height:80px" method="POST" name="body" id="src_text" cols="30" rows="30" class="form-control"></textarea>
·“多行输入”处理前的效果
·“多行输入”处理后的效果
不在“style”里的100%占比
对于等号和引号的使用情况先举例:
1.
<table width=100%>
<table width="100%">
上述两个代码段都可以得到正确结果。
之前的没有100%占据整个页面的错误写法:
<table width=100%">
在“style”里的100%占比
下方代码段可以得到正确结果:
<textarea style="width:100%;height:300px" method="POST" rows="30"></textarea>
但是如果把":“换成了”="则无法让文本框区域达到100%的效果:
<textarea style="width=100%;height:300px" method="POST" rows="30"></textarea>