<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>新增表单属性</title>
</head>
<body>
<form action="#" enctype="multipart/form-data" id="form1">
<!--
作者:770267939@qq.com
时间:2020-03-09
描述:placeholder 提示文本
required="required" 非空验证
autofocus="autofocus" 聚焦
pattern 正则表达式
-->
用户名:<input type="text" name="userName" id="userName" required="required"
placeholder="用户名不能为空"/>
<br />
身份证:<input type="password" name="pwd" id="pwd" autofocus="autofocus"
pattern="(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)"/>
<span>输入正确身份证</span>
<br />
<input type="file" multiple="multiple" />
<br />
<select name="select">
<option value="1">html</option>
<option value="2">css</option>
<option value="3">script</option>
</select><br />
<!--select缺陷:不应该只能选择还应该自定义-->
<!-- detalist 需要建立个关联 和datalist关联-->
专业:<input type="text" list="datalist" />
<datalist id="datalist">
<option value="政治"></option>
<option value="英语"></option>
<option value="数学"></option>
</datalist>
<input type="submit"></input>
</form>
<input type="text" name="num" form="form1"/>
</body>
</html>
网页基础(三十)login
最新推荐文章于 2022-04-20 14:26:15 发布