form表单学习记录
来源:互联网 发布:苹果频谱电脑软件 编辑:程序博客网 时间:2024/05/16 14:05
网页通过表单获取数据和提交数据,通过action制定form表单的内容发送到指定的那个地址,但是要求form表单中的需要提交数据的标签都存在name属性和属性值。
制作表单时,我们会为表单添加一个框,让访问者更好的识别出表单的大小。我们可以在我们所需要的位置上用<fieldset>和</fieldset>包括起来,在<fieldset></fieldset>中还有一个标签可以来给这个框添加一个可视的标题,<legend></legend>。在legend中输入的内容将作为这个表单框的标题显示出来。
在form表单中我们会添加很多的 input 标签,在HTML5中,input 标签的 type 属性值有新的几个功能,包括date、url、color、range、……但是因为这些功能在较多的浏览器中无法兼容,所以我们一般不使用HTML5中input的type新属性值。
在form表单中,除了input标签之外,还有使用比如多行输入框,<textarea></textarea>。这个标签代表的多行文本框,在使用时,这个文本框有固定的宽度和高度,里面的文字是可以一直输入的。我们也可以通过在 textarea 中添加 cols 属性,这个属性的属性值代表了多行文本框一行可以输入的字符数。在 textarea 中添加 rows 属性,这个属性的属性值代表了多行文本框的高度有多少行,但是这个属性值只是代表这个多行文本框的高度有多高,文本框中的内容还是可以一直添加的。(⊙o⊙)
多行文本框默认情况下是可以通过鼠标拉动右下角进行自动缩放的,后期如果想要固定住多行文本框的大小防止访问者改变其大小,我们可以通过CSS样式表设置其resize的属性值为none; ~\(≧▽≦)/~
form表单中还可以添加下拉菜单框,下拉菜单框的标签<select></select>,在<select>和</select>中添加<option></option>代表下拉菜单中的每一项,里面的每一项内容都按照顺序向下排列。从一般情况下,用户是可以正常识别的,但是下拉菜单框中的内容如果分类的比较多了,这个时候访问者很难识别哪个是哪个,那么,我们就需要为我们下拉菜单进行分类,我们可以将我们要归为一类的菜单项用<optgroup>和<optgroup>包裹起来(optgroup是选项组的意思),也就是<optgroup><option></option></optgroup>。
通过在optgroup中添加value属性,value的属性值将显示在我们包裹的选项前面,所以一般我们将value属性值设置为我们分类的标题。
进度条标签也常常出现在我们的form表单中,进度条的标签为<meter></meter>,进度条可以设置其最大值(max)和最小值(min),由0~100,value将设置进度条的默认值,通过optimum设置其度量值,还能设置其那个部分算作高值(high),那个值算作低值(low),浏览器会根据这些值给进度条自动变换颜色,不设置浏览器会有默认值。进度条的动态行为后期可以根据JavaScript改变其value值就可以实现进度条滚动。
- form表单学习记录
- easyui-form学习记录-form表单
- html5学习记录05:表单form,输入框
- form表单学习
- Struts2 form表单常用标签学习笔记
- php学习第一个form表单
- DW学习笔记:form表单的创建
- php【基础学习五】表单Form
- HTML学习12-form表单
- EasyUI学习第三篇:Form表单
- Bootstrap初级学习(一)表单<form>
- html学习笔记之form表单
- HTML学习笔记-form表单(五)
- 关于表单(form)设计的学习
- 学习笔记:javascript 表单对象(form)
- django学习08---Form表单提交
- <form>表单中的enctype(仅作为知识点记录)
- FORM表单
- SVN学习1
- leetcode 2. Add Two Numbers
- 学习《企业应用架构模式》(Patterns of Enterprise Application Architecture)C02 组织领域逻辑
- java中静态域,静态常量,静态方法
- java数据库连接池学习
- form表单学习记录
- 定时任务管理中心(dubbo+spring)-我们到底能走多远系列47
- Vue.js 和 MVVM 小细节
- 【bzoj 3739】DZY loves math VIII - 乱搞数学题
- PopupWindow
- 定时任务管理中心(dubbo+spring)-我们到底能走多远系列48
- 冒泡排序和选择排序区别
- 滑动时收起键盘
- HiHoCoder1033交错和——数位dp