<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> textarea{ /*resize: none;*/ /*resize: horizontal;*/ resize: vertical; } </style> </head> <body> <form action="" method="get" autocomplete="off"> <!--action 规定当前提交表单向何处发送表单数据--> <!--？name=value&name=value&.....--> <!--method 默认get post--> <!--autocomplete自动完成，on输入框会提示 off输入框不会提示--> 账号：<input type="text" name="user" value="888" readonly><br> 密码：<input type="password" name="pad" placeholder="请输入你的密码" required><br> 文件上传： <input type="file"><br> 隐藏： <input type="hidden"><br> 单选框： <input type="radio" name="gender" disabled>男 <input type="radio" name="gender" id="woman"> <label for="woman">女</label> <input type="radio" name="gender" id="sec"> <label for="sec">保密</label><br> 多选框： <fieldset> <legend>兴趣</legend> <input type="checkbox" name="hobby">唱歌 <input type="checkbox" name="hobby">跳舞 <input type="checkbox" name="hobby" checked>看书 <input type="checkbox" name="hobby" disabled>游戏 <input type="checkbox" name="hobby" id="shopping"> <label for="shopping">逛街</label><br> </fieldset> <!--disabled 禁止选--> <!--checked 默认选中--> 你在哪个城市： <select name="xz" id="xz" size="2"> <!--size规定下拉列表中可见选项的数目--> <!--selected 规定在select里面默认展示第几项--> <option value="1">长沙</option> <option value="2">北京</option> <option value="3">成都</option> <option value="4" selected>上海</option> </select><br> 文本域： <textarea name="wb" id="wb" cols="30" rows="10"> </textarea><br> <input type="submit" value="提交列表"><br> <input type="reset"> </form> </body> </html>