<!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>