表单元素form之input

最新推荐文章于 2024-09-07 16:56:39 发布

fuxiaomi2016

最新推荐文章于 2024-09-07 16:56:39 发布

阅读量322

点赞数

分类专栏： html 文章标签： html form input

本文链接：https://blog.csdn.net/fuxiaomi2016/article/details/52681171

版权

html 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

总结一下input的type类型：

<input type="button"/>普通按钮

<input type="submit"/>提交按钮

<input type="reset"/>重置按钮

<input type="text"/>文本框

<input type="password"/>密码

<input type="radio"/>单选框

<input type="checkbox"/>多选（复选）

<input type="color"/>颜色（html5新增的,IE不兼容）

<input type="date"/>日期（html5新增的，IE和火狐不兼容）

<!DOCTYPE html>

<body>

<h3>欢迎注册本网站</h3>

<form>

<p>用户名：<input type="text" value="默认值"></p>

<p>密码：<input type="password"></p>

<p>性别：

<input type="radio" name="xingbie">男

<input type="radio" name="xingbie">女

<input type="radio" name="xingbie">保密

</p>

<p>学历：

<input type="radio" name="xueli">小学

<input type="radio" name="xueli">初中

<input type="radio" name="xueli">高中

<input type="radio" name="xueli">大学

</p>

<p>爱好:

<input type="checkbox" name="aihao">睡觉

<input type="checkbox" name="aihao">吃饭

<input type="checkbox" name="aihao">羽毛球

<input type="checkbox" name="aihao">乒乓球

<input type="checkbox" name="aihao">篮球

<input type="checkbox" name="aihao">打豆豆

</p>

<p>你喜欢的颜色:(IE不兼容，火狐兼容)

<input type="color">

</p>

<p>你的生日：(IE和火狐不兼容)

<input type="date">