HTML常见用法

1、label与input建立关联

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<form action="">
    <label> 用户名
        <input type="text" name="name">
    </label>

    <label for="i1">密码</label>
    <input id="i1" type="password">
</form>
</body>
</html>

　　两种方式可以将label与input标签关联：

  • 将input标签放入label标签内；
  • 在label标签中添加for属性，for属性的值为input标签的id值

2、form、input标签中autocomplete 属性

2.1、定义

　　autocomplete 属性规定输入字段是否应该启用自动完成功能。自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。

　　注意：autocomplete 属性适用于下面的 <input> 类型：text、search、url、tel、email、password、datepickers、range 和 color。

2.2、语法

<input autocomplete="on|off">

2.2、form中关闭自动完成功能

<form novalidate autocomplete="off" action="/reg/" method="post" class="form-horizontal reg-form"
      enctype="multipart/form-data"></form>

3、input标签上传文件时accept属性

3.1、定义

　　accept 属性规定了可通过文件上传提交的服务器接受的文件类型。

　　注意：accept 属性仅适用于 <input type="file">。

　　提示：请不要将该属性作为您的验证工具。应该在服务器上对文件上传进行验证。

3.2、语法

<input accept="audio/*|video/*|image/*|MIME_type">

 

　　提示：如需规定多个值，请使用逗号分隔（比如 <input accept="audio/*,video/*,image/*" />）。

3.2、实例

<form action="demo_form.html">
  <input type="file" name="pic" accept="image/*">
  <input type="submit">
</form>

 

posted @ 2018-10-09 11:54  RobotsRising  阅读(215)  评论(0)  编辑  收藏  举报