<input type="text"> 文本框
<input type="submit"> 按钮
<body>
<form action="模拟后台服务器.html">
用户名 <input type="text" name="username">
用户名 <input type="text" name="hello">
<br>
<input type="submit">
</form>
</body>
- value 值作为input默认值
- placeholder 提示文字
- radio 单选
- checkbox 多选
- name 分组
- select下的option 下拉菜单
- selected option勾选默认值
- multiple 可多选下拉列表(ctrl键同时选中多个)
- textarea 多行文本域
reset 重置
button 按钮
<form action="模拟后台服务器.html">
用户名 <input type="text" name="username" >
<br>
密码 <input type="password">
<br>
性别 <input type="radio" name="gender" value="male">男
<input type="radio" name="gender " value="female">女
<br>
爱好 <input type="checkbox" name="hobby" value="tq"> 台球
<input type="checkbox" name="hobby" value="pq" checked="checked"> 排球
<input type="checkbox" name="hobby" value="lq"> 篮球
<input type="checkbox" name="hobby" value="wq" checked="checked"> 网球
<br>
你喜欢的明星
<select name="blackpink" multiple="multiple">
<optgroup label="BLACK">
<option value="lj" >Lisa</option>
<option value="zn" selected="selected">Jeenie</option>
</optgroup>
<optgroup label="PINK">
<option value="ls">Rose</option>
<option value="js">Jisoo</option>
</optgroup>
</select>
<br>
自我介绍 <textarea></textarea>
<br>
<input type="submit" value="注册">
<input type="reset">
<input type="button" value="按钮">
<br>
<button type="submit">提交</button>
<button type="reset">重置</button>
<button type="button">按钮</button>
</form>