【响应式Web前端设计】常用表单控件
原创
©著作权归作者所有：来自51CTO博客作者李响Superb的原创作品，请联系作者获取转载授权，否则将追究法律责任
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action="http:///" method="post" name="search" autocomplete="true">
<input name="save">
<button>submit</button>
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>form_component</title>
</head>
<body>
<form action="#" method="post">
Name：<input type="text" value="张三" maxlength="6"><br/><br/>
Password：<input type="password" size="40"><br/><br/>
Sex：<input type="radio" name="sex" checked="checked">Male<input type="radio" name="sex">Female<br/><br/>
Age:<input type="number" max="5" min="1"><br/><br/>
interesting:<input type="checkbox" />Sing
<input type="checkbox" />Swim
<input type="checkbox" />Dance<br/><br/>
<input type="color"><br/><br/>
Image:<input type="file"><br/><br/>
Crusial word:<input type="search"><br/><br/>
Value input area:<input type="range" min="1" max="5">
<input type="button" value="formal">
<input type="submit" value="submit">
<input type="reset" value="reset">
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
Testarea:<textarea rows="10" cols="20">
</textarea>
<br/>
Label:
<label for="male">男</label>
<input type="radio" name="sex" id="male"/>
<label for="female">女</label>
<input type="radio" name="sex" id="female"/>
<br/>
<select>
<option> Beijing</option>
<option selected="selected"> Shanghai</option>
</select>
<br />
<select multiple="multiple">
<option> Beijing</option>
<option selected="selected"> Shanghai</option>
</select>
<br /><br />
<input id="url" list="listurl"/>
<datalist id="listurl">
<option value="www.baidu.com">baidu</option>
<option value="">lixiang</option>
</datalist>
</body>
</html>
