<html> <head> <meta charset="utf-8"> <title>first web</title> </head> <body> #form:表单提交的的模块 # action提交到服务器的地址 method: get(显示传输地址) post(影藏传输地址) <form class="" action="https://www.sogou.com/web" method="post" enctype="multipart/form-data"> #type:text(文本输入) <input type="text" name="query" value=""> #radio单选框 <p>男<input type="radio" name="gender" value="Male"></p> <p>女<input type="radio" name="gender" value="Female"></p> #checkbox 复选框,可以选择多个 <p>篮球<input type="checkbox" name="hobby" value="basketball"></p> <p>羽毛球<input type="checkbox" name="hobby" value="badminton"></p> <p>足球<input type="checkbox" name="hobby" value="football"></p> #file 文件提交 必须声明一个enctype属性,告诉服务器,是分段发 <p><input type="file" name="" value=""></p> #下拉框 multiple(多选) size(显示几个) <select class="" name="region" multiple="multiple" size="2"> <optgroup label="金马"> <option value="">1楼</option> <option value="">2楼</option> <option value="">3楼</option> <option value="">4楼</option> </optgroup> </select> #文本备注 可以做备注 评价用 <p><textarea name="name" rows="8" cols="80">dfa</textarea></p> <label for="rrr">123</label> <input id="rrr" type="text" > <fieldset> <legend>登录</legend> <input type="text" name="" value=""> </fieldset> #button 按钮 <p>1<input type="button" name="" value="d"></p> #type:submit(向服务器提交内容) <input type="submit" name="" value="提交"> </form> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>first web</title> </head> <body> <form class="" action="" method="post"> <p>用户名<input type="text" name="query" value=""></p> <p>密码:<input type="password" name="pwd" value=""></p> <p>男<input type="radio" name="gender" value="Male"></p> <p>女<input type="radio" name="gender" value="Female"></p> <p>篮球<input type="checkbox" name="hobby" value="basketball"></p> <p>羽毛球<input type="checkbox" name="hobby" value="badminton"></p> <p>足球<input type="checkbox" name="hobby" value="football"></p> <select class="" name="region"> <option value="">湖南</option> <option value="">长沙</option> <option value="">株洲</option> <option value="">攸县</option> <option value="">市坪</option> </select> <label for="rrr">123</label> <input id="rrr" type="text" > <fieldset> <legend>登录</legend> <input type="text" name="" value=""> </fieldset> <p><textarea name="name" rows="1" cols="20"></textarea></p> <p><input type="file" name="" value=""></p> <p><input type="button" name="" value="按钮"></p> <p><input type="submit" name="" value="提交"></p> </form> </body> </html>