HTML中重要的知识点,表单

  今天跟大家分享一下有关HTML中比较重要的一个知识点—表单:

  <form></form>表单

  这是一个双标签,form表单有两个必须要有的属性,①action就是指表单传递到的页面  ②method就是指表单传递的方式

  method属性有两个属性指:①get是有内容的局限性和不安全性,并且传递信息会显示在地址栏  ②post是内容没有局限性,相当于是get的高级版,但这个传递信息是服务器传递,安全性高。

  form表单中的input是输入域,也就是表单控件,input中的常见属性是:

  ①type表单控件的类型,这个类型有以下常见的—

1,text文本域  2,password密码域  3,radio单选框  4,checkbox复选框  5,submit提交按钮  6,bottom普通按钮  7,reset重置按钮  8,hidden是隐藏域  9,image是图像提交按钮

  ②name属性是必须的属性,否则无法传递信息  

  ③readonly是只读  ③checked是默认选中  ④value默认值  ⑤palceholder是提示字,当输入信息时提示信息自动消失  ⑥disabled禁用

<select></select>下拉列表

有一个name属性,还有size属性

与其对应的是<option></option>定义下拉列表项

当option设置了value属性时,提交的内容就是value值,没有设置时,提交的值就是内容

  <textarea></textarea>是多行文本域,它有name属性和cols,rows属性,其中rows属性是代表行的长度,cols属性是可见宽度

<frameset></frameset>是框架设置

  有cols属性和rows属性,cols属性是分列,rows是分行

时间: 2024-10-25 16:08:45

HTML中重要的知识点,表单的相关文章

在MySQL query browser中要导出execl表单

导出:  在MySQL query browser中要导出execl表单,只需要点击file,选择export execl就可以了(要先进入表单哦!). 导入: 数据库的数据太多一下导入有点麻烦,如何将excel的数据直接导入数据库呢? 第一步 另存为txt文档,名字最好为数据库的table名.  在这我们要保存问文本文件用制表符分割的那个,这样我们的数据就不会乱. 第二步 打开txt文档,点击另存为,修改编码,解决中文utf8.  这个时候的文件名必须和你要导入的table名称一样,否则在lo

Struts2中UI标签之表单标签介绍

1.在Struts2中UI标签的表单标签分为两种:form标签本身和单个表单标签. 2.Struts2表单标签包括:form.textfield.password.radio.checkbox.checkboxlist.select.doubleselect.combobox.optiontransferselect.optgroup.updownselect.textarea.hidden.file.label.submit.token.head.datepicker.reset.richte

html5中新增的form表单属性

html5中新增两个表单属性,分别autocomplete和novalidate属性 1.autocomplete属性 该属性用于控制自动完成功能的开启和关闭.可以设置表单或者input元素,有两个属性值,当设置为on时,启动该功能:当设置off时,关闭该功能.启用该功能后,当用户在自动完成域开始输入时,浏览器就会在该域中显示填写的选项.用户每提交一次,就会增加一个用于选择的选项 <!DOCTYPE html> <html> <head lang="en"

Struts2中UI标签之表单标签的一个例子

1.最近写了一篇文章,介绍了一下Struts2中UI标签的表单标签,文章地址为:http://blog.csdn.net/u012561176/article/details/44986183  因为缺少了个例子,大家看文字和表格也看不出什么效果来,所以今天来介绍一个例子,用Struts2中UI标签的表单标签实现一个个人信息的表单,但是有些表单标签没有演示出来,大家可以根据我介绍UI标签的表单标签来进行学习,这里只是给个例子. 2.首先新建一个Struts2项目,项目名为PersonMess

JQuery中一个简单的表单验证的实例

html代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&quo

HTML 中按钮作为form表单元素提交特性两则 --- 参HTML考标准分析

相同name的submit 类型的input提交行为 描述 这种情况, <input type="submit" name="ACTION" value="Apply"/> <input type="submit" name="ACTION" value="Cancel"/> 其能够作为提交内容, 发送到服务器段的参数的按钮, 对应被点击激活的按钮. 这表示多个

HTML中的表格,表单,及框架

<h1>表格</h1> <table>表格的属性</table> width:表格的宽度,可以用像素或百分比表示 border:边框,常用值是0 cellpadding:内容跟单元格边框的边距,常用值是0 cellpadding:单元格之间的间距,常用值是0 align:表格在页面中的对齐方式 bgcolor:表格的背景色 background:表格的背景图片 <tr>行</tr> align:一行的内容的水平对齐方式 valign:

SpringMVC中的异步提交表单

1.前言 近期在做一个项目,前台框架用的是EasyUI+SpringMVC,因为对SpringMVC不太了解,所以刚開始接触的时候有点吃力,在此通过一个EasyUi中的DataGrid表格来总结一下.  2.SpringMVC中的View向控制器传參 在SpringMVC中,View怎样向控制器传參数呢? 尤其是Form表单提交的时候,详细有例如以下几种方式 2.1 HttpServletRequest 能够通过getParameter()方法来获取前台传过来的參数 2.2 Form表单绑定 /

django系列9--django中的组件(form表单)

一.Form介绍 普通方式注册功能实现 views.py # 注册 def register(request): error_msg = "" if request.method == "POST": username = request.POST.get("name") pwd = request.POST.get("pwd") # 对注册信息做校验 if len(username) < 6: # 用户长度小于6位 e

laravel中使用FormRequest进行表单验证,验证异常返回JSON

通常在项目中,我们会对大量的前端提交过来的表单进行验证,如果不通过,则返回错误信息. 前端为了更好的体验,都使用ajax进行表单提交,虽然 validate() 方法能够根据前端的不同请求方式,返回不同的结果. 但是返回的json格式并不是我们想要的,这个时候,我们就需要自定义返回错误结果. 先创建一个表单请求类: php artisan make:request TestRequest 然后在 rules() 和 messages() 方法里填写自已的验证规则和消息 <?php namespa