表单属性
作者:
琪33 | 来源:发表于
2018-04-23 23:47 被阅读0次form{
width: 100%;
/* 最大宽度*/
max-width: 640px;
/* 最小宽度*/
min-width: 320px;
margin:0 auto;
font-family: "Microsoft Yahei";
font-size: 20px;
}
input{
display: block;
width: 100%;
height:30px;
margin:10px 0;
}
</style>
</head>
<body>
placeholder:提示文字（占位符）
autofocus:自动获取焦点
autocomplete: 自动完成（填充的） on 开启（默认） off 取消自动提示
required: 必填
multiple: 多选
novalidate:关闭默认的验证功能（只能加给form）
pattern: 自定义正则验证
pattern="1\d{10}"
<!--<form action="" novalidate>-->
<form action="" >
<fieldset>
<legend>表单属性</legend>
<label for="">
用户名：<input type="text" placeholder="例如：李狗蛋" autofocus name="userName" autocomplete="on" required/>
</label>
<label for="">
电话：<input type="tel" pattern="1\d{10}" />
</label>
<input type="file" name="file" multiple/>
<input type="submit" />
</fieldset>
</form>
本文标题：表单属性
本文链接：https://www.haomeiwen.com/subject/futdlftx.html
网友评论