<!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>
浙公网安备 33010602011771号