html5 input与textarea标签及其属性

在这里插入图片描述

    <!-- 只会检查是否有@符号 -->
    <!-- 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>
发布了40 篇原创文章 · 获赞 16 · 访问量 8661

猜你喜欢

转载自blog.csdn.net/qq_40366738/article/details/100740291