html5 input与textarea标签及其属性
2025-01-29
<!-- 只会检查是否有@符号 -->
<!-- for 标注属性 for="id" 作用:当点击到lable中的文字时,id名与for中的id相同的input输入框,会获焦 -->
<label for="email">请输入邮箱:</label><input type="email" id="email">
<br>
<!-- type="number"会提示请输入数字 min允许的最小值,max允许的最大值,step步长-->
输入数字:<input id="numcheck" type="number" min="0" max="10" step="10" onclick="numcheck();">
<br>
<!-- range滑块 -->
滑动:<input type="range" min="0" max="10" step="10">
<br>
搜索:<input type="serch" name="搜索">
<br>
pattern正则表达式:
<input type="serch" pattern="^1[358]\d{9}">
<!-- spellcheck拼写检查(只检查英文,不检查中文,某些低版本浏览器不支持),rows行数,cols列数,maxlength最大长度 -->
<!-- readonly="readonly" 只读属性 disabled="disabled"禁用文本区,不可操作(包括不可复制,点击) -->
<!-- placeholder="" 默认提示 required必要的,不可为空 -->
<textarea id="inp" placeholder="请输入要验证的内容" required spellcheck="true" rows="10" cols="100" style="resize: none;"></textarea>