form表单标签常见的属性

form表单标签常用属性

<form action="server.html" method="get" >
	<label for="Q_name">姓名：</label>
	<input type="text" id="Q_name" name="Q_name" value="" required placeholder="请输入" />
	    <br><br>
	<label for="phonenuber">手机：</label>
	<input type="tel" id="phonenuber" name="phonenuber" value="" pattern="^1[356789]\d{9}" required />
	    <br><br>
	<input type="submit" name="tijiao" id="" value="提交" />
</form>

以上代码实现上图表单

 

label for="Q_name" 

label 标签指向 input id，即可让鼠标点击 label “姓名：”也能让鼠标光标闪烁在姓名文本框内

required （当前文本框在提交时不能为空）

当 required 的键与值相等时，可以直接写一个 required

placeholder="请输入"

文本框没输入内容时，灰色显示 placeholder 的值，可用来提示输入xx内容

pattern=" "

用来写正则表达式的验证，如 pattern="^1[356789]\d{9}"