<form action="">
姓名:<input type="text" name="username">
密码: <input type="password" name="password">
单选: <input type="radio" name="sex" id="nan">男
<input type="radio" name="nv" id="nan">女
复选: <input type="checkbox" name="hobby" id="chi">吃
<input type="checkbox" name="hobby" id="chi">吃
<input type="checkbox" name="hobby" id="chi">喝
<input type="checkbox" name="hobby" id="chi">玩
<input type="checkbox" name="hobby" id="chi">乐
下拉框:
<select name="city" id="">
<option value="1">上海</option>
<option value="2">太原</option>
<option value="3">北京</option>
<option value="4">深圳</option>
</select>
文本域:<textarea name="beizhu" id="" cols="30" rows="10"></textarea>
数字输入框:<input type="number" min="1" max="100" step="2" value="1"><br>
邮箱:<input type="email" name="email" id="">
地址:<input type="url" name="url" id="">
时间:<input type="time" value="">
日期:<input type="date" name="" id="">
日期时间:<input type="datetime-local" name="" id="">
<!-- datetime 所有浏览器都不支持
datatime-local 只支持谷歌 -->
月份:<input type="month" name="" id="">
星期:<input type="week" name="" id="">
搜索:;<input type="search" name="" id="">
color:<input type="color" name="" id="">
提交按钮:<input type="submit " name="" id="">
</form>
HTML进阶
最新推荐文章于 2024-08-16 22:57:43 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)