百变鹏仔-专注前端行业精选
表单介绍 及表单常用语法详细介绍
作者:鹏仔先生日期:2020-06-02 09:33:28浏览:1849分类:HTML
表单:
作用:用来搜集用户信息
语法:
<form method="get/post" action="服务器文件"></form> <!-- (method 方式、方法) -->
1.文本框
语法:
<input type="text" value="admin"/>
2.密码框
语法:
<input type="password" placeholder="请输入密码"/> <!-- 注:placeholder属性用来设置默认提示信息(低版本IE浏览器不支持) -->
3.提交按钮
语法:
<input type="submit" value="立即提交"/> <!-- 注:提交按钮上默认的文字内容是提交或提交查询,可通过设置value属性改变文字内容 -->
4.重置按钮
语法:
<input type="reset"/> <!-- 注:重置按钮只有放在form标签中才具备重置功能 -->
5.单选按钮
语法:
<input type="radio" checked="checked" name="..."/> <!-- 注: --> <!-- 给单选按钮添加相同的name属性才能达到多选一的效果; --> <!-- 给多选按钮添加默认选中状态,添加checked属性,由于checked属性和属性值相同,可以省略属性值; -->
6.复选按钮
语法:
<input type="checkbox" checked/> <input type="checkbox" disabled/> <!-- 注:disabled用来设置input控件的禁用状态 -->
7.普通按钮
语法:
<input type="button" value="我是按钮"/> <!-- 注:普通按钮不具备提交功能,默认value值为空,必须根据需求设置相应的value值,通常结合js使用此按钮 -->
8.下拉列表
语法:
<select> <option>...</option> <option selected>...</option> </select> <!-- 注:selected设置某一项为默认选中项 -->
9.文本域
语法:
<textarea cols="行数" rows="字符宽度"></textarea>
/*扩展:取消手动拖动改变文本域大小如下样式*/ textarea{ resize: none; }
- 上一篇:什么是模块化开发?
- 下一篇:div 标签的用法以及定义
手机扫码访问
猜你还喜欢
- 08-09 vue动态修改网站的icon图标
- 07-08 VUE中ECharts提示框tooltip自动切换
- 07-03 网页中生成微信小程序二维码
- 06-28 vue实现表格自动滚动功能 vue-seamless-scroll
- 04-19 VUE实现点击复制
- 04-16 vue将页面生成图片 vue生成海报
- 04-16 vue路由切换滑动效果 vue页面跳转交互 vue实现动画跳转
- 04-16 table固定表头和列 css实现表格固定表头
- 04-07 vue跳转页面清除历史记录,页面跳转删除历史记录
- 01-19 elementui多选上传 before-upload 格式效验错误总会触发before-remove (elementui多选上传on-success只执行了一次,只上传成功了一条)
- 10-08 vue按钮限制连点封装 自定义指令限制连点
- 12-28 PHP的语法
取消回复欢迎 你 发表评论:
- 搜索
- 随机tag
暂无评论,来添加一个吧。