编程笔记

编程笔记

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>