<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>搜索</title>
<!--定义图标以及图标显示-->
<link rel="shortcut icon" href="image/rose.jpg">
</head>
<body>
<form action="https://www.sogou.com/web">
<div>
<input type="text" name="query" value="陈凯">
<input type="submit",value="搜索"/>
</div>
</form>
<form enctype="multipart/form-data">
<div>
<p>请选择性别</p>
<!--此处input 设置name属性就是为了三者只能选其1 value的值可以任意，三者相同即可
提交的值为value的值 name相同则互斥-->
男<input type="radio" name="genor" value="1">
女<input type="radio" name="genor" value="2">
未知<input type="radio" name="genor" value="3">
<p>爱好</p>
足球<input type="checkbox" name="fav" value="1">
排球<input type="checkbox" name="fav" value="2">
篮球<input type="checkbox" name="fav" value="3">
羽毛球<input type="checkbox" name="fav" value="4">
<p>技能</p>
<!--checkbox为复选框 checked 表示默认被选中-->
游泳<input type="checkbox" name="skill" value="1" checked="checked">
写作<input type="checkbox" name="skill" value="2">
运动<input type="checkbox" name="skill" value="3">
学习<input type="checkbox" name="skill" value="4">
<p>上传文件</p>
<!--依赖form表单的一个属性 enctype="multipart/form-data"-->
<input type="file" name="filename">
<input type="reset" value="重置">
<textarea name="mero">默认值放中间</textarea><!--多行文本输入-->
<!--默认size为1
multiple为多选
optgroup
selected指定默认值
-->
<select name="city" size="4" multiple="multiple">
<option value="1">江苏</option>
<option value="2">上海</option>
<option value="3" selected="selected">北京</option>
<option value="4">成都</option>
</select>
<br>
<select name="city2">
<optgroup label="城市">
<option value="1">徐州</option>
<option value="2">宿迁</option>
<option value="3">南通</option>
</optgroup>
</select>
</div>
<input type="submit",value="提交"/>
</form>
</body>
</html>
浙公网安备 33010602011771号