表单部分内容

什么是表单(〈form〉标记符创建表单):表单是用于网页浏览者与服务器之间信息交互的一种页面元素,在www(万维网)上被广泛用于各种信息的搜集与反馈。

表单控件的类型:
(1)文本框:创建文本框的时候可以创建3种类型的文本框,①单行文本框;②密码框;(单行文本框与密码框的区别,在于密码框中输入字符时是以.或者*显示)③多行文本框(使用〈textarea〉标记符创建);三者都是使用〈input〉标记符创建。
创建单行文本框的基本语法如下:
〈input type=“text” name=“” value=“” size=“” maxlength=“” placeholder=“”/〉。〈!——name属性指定了控件的名称,value属性指定了控件的初始值,这两个属性的取值都是服务端程序处理表单数据时需要使用的,在编写静态网页时可以不用指定;size属性指定文本框的宽度,maxlength属性指定了在文本框中可以输入的最长文本数;placeholder属性指定了帮助用户填写输入字段的提示——〉
创建密码框的基本语法如下〈input type=“password” name=“” value=“” size=“” maxlength=“” placeholder=“”/〉。〈!——name属性指定了控件的名称,value属性指定了控件的初始值,这两个属性的取值都是服务端程序处理表单数据时需要使用的,在编写静态网页时可以不用指定;size属性指定文本框的宽度,maxlength属性指定了在文本框中可以输入的最长文本数;placeholder属性指定了帮助用户填写输入字段的提示——〉
创建多行文本框的基本语法如下〈textarea name=“” rows=“” cols=“” placeholder=“”〉〈/textarea〉。〈!——name属性指定控件名,rows属性指定行数(用户的输入也可以超过这个行数,超过可视区域的内容可以用滚动条进行控制操作);cols属性指定列数(用户的输入也可以超过这个列数,超过可视区域的内容用滚动条进行控制操作);placeholder属性指定了帮助用户输入字段的提示——〉
(2)复选框:复选框可以使用户选择信息。对于多个具有同一名称的复选框,用户可以选中其中一个或多个。使用〈input〉标记符创建复选框
创建复选框的基本语法如下〈input type=“checkbox” name=“” value=“” checked=“checked”〉。〈!——type属性为“checkbox”说明该控件是一个复选框,name属性指定控件名称,value指定控件初始值,checked属性是可选的,它告诉浏览器在显示表单时是否将这个复选框显示为“被选中状态”。——〉
(3)单选框:单选框与复选框类似,也是用于用户选择信息。但与复选框不同的是,对于同一控件名称的多个单选框,用户只能选择其中之一。使用〈input〉标记符创建单选框。
创建单选框的基本语法如下〈input type=“radio” name=“” value=“” checked=“checked”〉。〈!——type属性为“radio”说明该控件是一个单选框,name属性指定控件名称,value指定控件初始值,checked属性是可选的,它告诉浏览器在显示表单时是否将这个复选框显示为“被选中状态”。——〉
(4)按钮:可以创建3种类型的按钮,提交按钮(即submit按钮)、重置按钮(即reset按钮)、普通按钮。可以使用〈input〉标记符创建按钮。
创建提交按钮的语法如下〈input type=“submit” name=“” value=“”〉。〈!——type属性说明按钮的类型,name属性的值用于程序引用此控件,value属性的值指定显示在按钮上的值——〉
创建重置按钮的语法如下〈input type=“reset” name=“” value=“”〉。〈!——type属性说明按钮的类型,name属性的值用于程序引用此控件,value属性的值指定显示在按钮上的值——〉
创建自定义按钮语法如下〈input type=“button” name=“” value=“”〉。〈!——type属性说明按钮的类型,name属性的值用于程序引用此控件,value属性的值指定显示在按钮上的值——〉
(5)选项(下拉)菜单:选项菜单使用户可以从多个选项中进行选择。使用〈select〉和〈option〉标记符创建选项菜单(每个独立的选项用option标记符标起来)。
创建选项菜单的语法如下

〈select name=“” size=“” multipie=“multiple”〉
          〈option value=“” selected=“selected”〉选项1〈/option〉         
          〈option value=“” selected=“selected”〉选项2〈/option〉
          …………(更多的〈option〉标记)
〈/select〉

〈!——name属性指定控件名,size属性指定选项菜单中一次显示多少行(默认值为1);multiple属性用于设置允许用户选择多个选项(如果不设置此属性,则仅允许选择一个选项),option标记符的value属性指定了控件的值,用于服务器端程序处理,selected属性用于设置当前选项是否为预先选中状态。——〉
(6)文件选择框:文件选择框使用户可以选择文件,以便这些文件内容可以和表单一起提交。可以使用〈input〉标记符创建文件选择框
(7)隐藏控件:并不在表单中显示,但其值会与表单一起提交。该控件通常用于保存一些特定信息。可以使用〈input〉标记符创建隐藏控件

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值