HTML5基础----表单验证和下拉框

1.表单

<form action=”表单的提交页面” method=”表单提交方式get(公开)/post(保密)”>
文本框:<input type=”text” value=”默认值” /> 
密码框:<input type=”password” value=”默认值” /> 
普通按钮:<input type=”button” value=”按钮的名字” />
提交按钮:<input type=”submit” value=”按钮的名字”> 
单选框:<label><input type=”radio” name=”组名” value=”传给后台的值” checked=”checked”/></label>
复选框:<label><input type=”checkbox” checked=”checked” name=”组名” value=”传给后台的值” /></label>

2.下拉框

<select name=”名字”>
<option value=”传给后台的值”>2000</option>
......
</select>

3.多行文本域

<textarea cols=”宽度” rows=”高度”>内容</textarea>

4.图片按钮

<input type=”image” src=”图片的路径” alt=”加载不出的显示”/>

5.数据列表

<input type=”url/text/email” list=”数据列表的id名” name=””>
<datalist id=”数据列表的id名”>
<option label=”显示的数据” value=”真实选中的内容” ></option>
.....
</datalist>

6.重置按钮

<input type=”reset”>

</form>

7.表单验证

不能为空的验证:required
匹配类型验证:
匹配url:<input type=”url”>
匹配email:<input type=”email”>
控制字符数量:
最大值:maxlength=”最大值”
最小值:minlength=”最小值”
控制验证输入的范围(针对的是数字number或者日期date):
最小:min=”最小值”
最大:max=”最大值”
倍数:step=”倍数”

8.取消验证(强制登录):

<input type=”submit” value=”提交” formnovalidate>
发布了32 篇原创文章 · 获赞 96 · 访问量 1583

猜你喜欢

转载自blog.csdn.net/qq_44534541/article/details/105519056