form表单

form

所有的表单元素只能放在form里面才能提交

action	制定了当前表单要提交的目的地（将要把填写的内容发给谁）
method	提交表单所需要的方法（ get ,post）

<form action="" method="post"></form>

input

type	功能
text	单行文本输入
password	密码
radio	单选
checkbox	多选
reset	重置表单数据
file	文件上传
submit	提交表单数据
image	图形提交按钮
button	普通按钮
select	下拉选择（optgroup，option）
textarea	文字区块

<form action="" method="">
    账号：	<input type="text" placeholder="请输入账号" maxlength="10" disabled/>
	disabled（禁用）
	maxlenght （限制输入文本的长度）
    密码：	<input type="password" placeholder="密码"/>

    性别：	<input type="radio" name="sex" id="m"/><label for="m">男</label>
    	 		<input type="radio" name="sex" id="w" checked/><label for="w">女</label>

    兴趣： 
    <input type="checkbox" value="书" name="兴趣" checked id="shu"/><label for="shu">书</label>
    checked （默认选择）
    <input type="checkbox" id="hua" value="画" name="兴趣"/><label for="hua">画</label>
    
    <input type="reset" value="千万别点"/>

    <input type="file"/><br/>

    <button disabled>我是一个按钮</button>
  
    <select>
        <optgroup label="一线城市">		分组
            <option>北京</option>
            <option>上海</option>
            <option>广州</option>
        </optgroup>
        <optgroup label="二线城市">
            <option>北京</option>
            <option>上海</option>
            <option>广州</option>
        </optgroup>
        <optgroup label="三线城市">
            <option>北京</option>
            <option>上海</option>
            <option>广州</option>
        </optgroup>
    </select>
    
    <textarea style="width: 100px;height: 200px"></textarea>
    
    <button style="background-color: red;color: white;border-width: 0;border-radius: 60px">a</button>
</form>

智能表单

功能	type
邮件	email
网址	url
日期	date
时间	time
月份	month
星期	week
数字	number（value:默认数字；max:最大数字；min:最小数字）
范围	range（value:默认值；max:最大值；min:最小值）
颜色	color

智能下拉选择

可以检索关键字，无法默认某一属性，但是添加了label属性，可以用作标签

<input type="text" list="mylist"/>
        <datalist id="mylist">
            <option value="让子弹飞" label="☆"></option>
            <option value="让子弹"></option>
            <option value="让子飞"></option>
            <option value="让弹飞"></option>
        </datalist>