HTML5 学习12.文本框和单选框
2020-07-15 06:15
169 查看
|属性| 说明 |
|-type-|-指定元素的类型。text、password、checkbox、submit、reset、file、hidden、image和button,默认为text-|
| name | 指定表单元素的名称 |
| value | 元素的初始值。type为radio时必须指定一个值 |
| size | 指定表单元素的初识宽度。当type为text或password时,表单元素的大小以字符为单位。对于其他类型,宽度以像素为单位 |
| maxlength | type或password时,输入的最大字符数 |
| checked | type为radio或checkbox,指定按钮是否被选中 |
为了防止不能显示将代码放在Java代码块中
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录注册</title> </head> <body> <h1>注册</h1> <!--表单form action:可以使网站,也可以是一个请求处理地址 method:post,get 提交方式 get 方式提交:我们可以在url中看到我们提交的信息,不安全,高效 post :比较安全,传输大文件 --> <form action="1.我的第一个网页.html" method="get"> <!-- 文本输入框 input type="text" value="臧臧好帅" 默认初始值 maxlength=“8” 最长能写几个字符 size=“30” 文本框的长度 --> <p>名字:<input type="text" name="username" value="臧臧" maxlength="8" size="30"></p> <p>密码:<input type="password" name="psw"></p> <!--单选框标签 input type=“radio” value :单选框的值 name :表示组 --> <p>性别: <input type="radio" value="boy" name="sex"/>男 <input type="radio " value="girl" name="sex">女 </p> <p> <input type="submit"> <input type="reset"> </p> </form> </body> </html>
相关文章推荐
- jQuery学习笔记 - 1 页面框架下载完毕后执行逻辑 文本框 单选框 复选框
- 学习:从零玩转HTML5前端+跨平台开发(无序列表(掌握))
- Webkit 桌面通知 学习笔记 (HTML5 webkitNotifications)
- html5 WebGL 学习随笔(1)
- js学习之HTML5 LocalStorage 本地存储
- cocos2d-html5学习笔记(五)--菜单和场景转换
- html5开发学习路线图:前端入门学习
- [持续更新]HTML5学习笔记(五)简单Ajax实现
- 学习html5的网站
- 一款功能强大并且可以结合html5实现本地存储的数据库 – SQLite学习文档
- HTML5的学习(二)HTML5标签
- Html5学习笔记1 元素 标签 属性
- 为什么学习html5
- html5学习笔记——基础
- HTML5学习笔记(1)
- HTML5 基础学习
- 慕课网HTML5学习笔记 (下)
- HTML5的动画学习历程
- Html5学习之比较好的css库