表单 语义化标签

来源:互联网 发布:led电子屏幕软件 编辑:程序博客网 时间:2024/06/05 23:53

input 文本输入

相关代码:<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body><form action="">    <!--电子邮件-->    <input type="email" name="email">    <!--电话-->    <input type="tel" name="tel">    <!--网址-->    <input type="url" name="url">    <!--搜索框-->    <input type="search" name="search">    <!--最小,最大取值 间隔取值 step 步长-->    <input type="number " name="number" min="-10" max="10" step="any">    <input type="submit"></form></body></html>

input 数据选择

相关代码:<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body><form action="">    <!--数值选择器-->    <input type="range" name="range"><br>    <!--颜色 提交的参数为十六进制-->    <input type="color" name="color"><br>    <!--时间 -->    <input type="datetime-local" name="datetime-local"><br>    <!--placeholder 输入提示信息 autofocus 获取焦点 autocomplete 默认为on(off)-->    <input type="text" name="text" placeholder="请输入相关信息" autofocus>    <!--required 验证类 不能为空-->    <input type="password" name="paw" required>    <input type="submit"><br></form></body></html>
原创粉丝点击