前端中表单输入注意事项

前端中表单输入的几个注意事项

文本框的大小调节

<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>