新增表单

新增表单

新增type属性值

类型 使用示例 含义
email <input type="email"> 输入邮箱格式
tel <input type="tel"> 输入手机号码格式
url <input type="url"> 输入url格式
numbe <input type="number"> 输入数字格式
search <input type="search"> 搜索框(体现语义化)
range <input type="range"> 自由拖动滑块
time <input type="time"> 小时分钟
date <input type="date"> 年月日
datetime <input type="datetime"> 时间
month <input type="month"> 月年
week <input type="week"> 星期 年
<form action="">
    email:<input type="email">   <br/ >
    tel:<input type="tel"><br/ >
    url:<input type="url"><br/ >
    number:<input type="number"><br/ >
    search:<input type="search"><br/ >
    range:<input type="range"><br/ >
    time:<input type="time"><br/ >
    date:<input type="date"><br/ >
    datetime:<input type="datetime"><br/ >
    month:<input type="month"><br/ >
    week:<input type="week"><br/ >
    <input type="submit" value="提交"><br/ >
</form>
新增表单

新增表单属性

属性 用法 含义
placeholder <input type="text" placeholder="请输入用户名"> 占位符,当用户输入的时候,里面的文字消失
autofocus <input type="text" autofocus> 规定当页面加载时input元素应该自动获得焦点
multiple <input type="file" multiple> 可以支持多文件上传
required <input type="text" required> 必填项,内容不能为空
accesskey <input type="text" accesskey="s"> 设置元素获得焦点的快捷键,比如设置为s时,采用alt + s的形式可自动获得焦点