H5部分常見表單樣式總匯

1.拾色器

代碼：<input type="color" />

效果：

2.date 時間

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

3.

<input type="datetime" /><br />
<input type="datetime-local" /><br />

4.range 進度條 

<input type="month" /><br />
		<input type="time" /><br />
		<input type="week" /><br />
		<input type="email" /><br />
		<input type="range" /><br />
		<input type="number" /><br />
		<input type="search" autocomplete="on"/><br />
		<input type="tel" /><br />
		<input type="url" /><br />
		<input type="hidden" /><br />
		
		<form action="" method="post">
			
			<input type="search" name="ketwords" value="" autocomplete="on" autofocus="autofocus" required="required"/>
			<input type="submit" id="" name="" />
		</form>
		<form action="" method="">
			
			<input type="text" value="" placeholder="請輸入用戶名"/><!--提示-->
		</form>
		<form action="" method="">
			
			<input type="text" value="" required="required"/>  <!--必填項-->
		</form>
		<!--多文件上傳-->
		<form action="" method="post" enctype="multipart/form-data">
			<input type="file" name="" id="" value="" multiple="multiple"/>
			<input type="submit" value="提交"/><br />
			<!--多行文本框-->
			<textarea name="content" rows="10" cols="80"></textarea>

　　5.

<label for="province" >省份</label>
        <select name="別亂來" id="province">
            <option value="">請選擇</option>
            <option value="">上海</option>
            <option value="">北京</option>
        </select><br />
        <label for="city">城市</label>
        <select name="別摸我" id="city"   >
            <option value="">請選擇</option>
            <option value="">鄭州</option>
            <option value="">洛陽</option>
            <option value="">深圳</option>
            <option value="">湖南</option>
        </select><br /><br />
        <select name="city" multiple size="7">
            <optgroup label="主要城市">
                    <option value="1">北京</option>
                    <option value="2" selected="selected">上海</option>
                     <option value="3">廣州</option>
                     
            </optgroup>
            <optgroup label="其他城市">
                     <option value="3">深圳</option>
                     <option value="4">珠海</option>
            </optgroup>
        </select>

沒什么說明這只是我的資料庫。