html——表单元素

1.  
   <form method="post" action="http://www.haosou.com/" name="">
2.  
   <button>提交</button>
3.  
   </form>

2. input 元素解析

(1).让光标聚焦在某个 input 元素上，让用户直接输入

例：

<input name="user" autofocus>

<input name="user" disabled>

<input name="user" autocomplete="off">

(4).表单外的 input

例：

1.  
   <form method="get" id="register">
2.  
   </form>
3.  
   <input name="email" form="register">

3.<fieldset>元素和<legend>添加分组说明标签

<fieldset>元素可以将一些表单元素组织在一起，形成一个整体，<legend>可添加分组说明标签。

例：

1.  
   <fieldset>
2.  
   <legend>登陆表单</legend>
3.  
   </fieldset>

<legend>元素可以给分组加上一个标题。

maxlength —— 表示可输入最大字符长度

readonly —— 只能读取不能输入

required —— 非空验证，提示输入文字 

例：

<input type="text"  name=""  id="" value=""  maxlength="4"  size="100" required  />

(3).输入密码框

例：

<input   type="password"   name=""   id=""   value="" />

额外属性：

(4).搜索框

搜索框 ——search

在某些浏览器键入内容右侧会出现叉标记取消，点击标记可清除输入文字。

例：

<input type="search" />

(5).数值范围文本框，仅可拖动

只限输入数字的文本框

例：

<input type="number">

设置框内调节数值按钮

例：

<input type="range">

设置框右侧拖动条

额外属性：

(6).单选框

只可进行单选

例：

1.  
   <input type="radio" name="sex" value="男">男
2.  
   <input type="radio" name="sex" value="女">女