input标签

input:

<fieldset>
    <legend>HTML5新增的type 类型 那些表单</>
    <form action="">
        用户名:<input type="text"/>  //text 文本框<br />
        密  码:<input type="password"/> //密码框<br />
        性  别:<input type="radio" name="sex" checked="checked"/>女<input type="radio" name="sex"/>男
        爱  好:<input type="checkbox" name="hobby"/>足球<input type="checkbox" name="hobby" checked="checked/>篮球<input type="checkbox" name="hobby"/>排球
        搜  索:<input type="button" value="搜索"/>
        <input type="submit" value="提交"/> <input type="reset" value="重置"/><br />
        <input type="image" src="URL"/><!--图像按钮-->
        上传图像:
        <input type="file"/><!--文件按钮-->
        邮  箱:<input type="email"/><br />
        手机号:<input type="tel"/>
        数  字:<input type="number"/>
        网  址:<input type="URL"/>
        搜  索:<input type="search"/>
        区  域:<input type="range"/>
        时  间:<input type="time"/><!--小时分钟-->
        年月日:<input type="date"/><!--年月日-->
        月  份:<input type="math"/><!--年月-->
        星  期:<input type="week"/><!--周-->
        颜  色:<input type="color"/><!--颜色-->
    </form>
</fieldset>

input属性

<fieldset>
    <legend>HTML5新增的type 类型 那些表单</>
    <form action="">
        用户名:<input type="text" placeholder="请输入用户名" autocomplete name="username" required/> <br />
        密  码:<input type="password"/> //密码框<br />
        性  别:<input type="radio" name="sex" checked="checked"/>女<input type="radio" name="sex"/>男
        爱  好:<input type="checkbox" name="hobby"/>足球<input type="checkbox" name="hobby" checked="checked/>篮球<input type="checkbox" name="hobby"/>排球
        搜  索:<input type="button" value="搜索" autofocus/>
        <input type="submit" value="提交"/> <input type="reset" value="重置"/><br />
        <input type="image" src="URL"/><!--图像按钮-->
        上传图像:
        <input type="file" multiple/><!--文件按钮-->
        邮  箱:<input type="email"/><br />
        手机号:<input type="tel"/>
        数  字:<input type="number"/>
        网  址:<input type="URL"/>
        搜  索:<input type="search"/>
        区  域:<input type="range"/>
        时  间:<input type="time"/><!--小时分钟-->
        年月日:<input type="date"/><!--年月日-->
        月  份:<input type="math"/><!--年月-->
        星  期:<input type="week"/><!--周-->
        颜  色:<input type="color"/><!--颜色-->
    </form>
</fieldset>

placeholder:

占位符 当用户输入的时候里面的文字消失 删除所有文字,自动返回

autofocus

规定当页面加载时 input元素应该自动获得焦点

multiple

多文件上传

autocomplete

规定表单是否自动完成功能 有2个值,一个是on一个是off on代表记录已经输入的值

  1. 需要提交按钮
  2. 这个表单必须给它名字  name="username"

required:

必须填 内容不为空

accesskey

规定激活元素的快捷键 采用alt+字母形式

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值