html表格输入框Word格式文档下载.docx
《html表格输入框Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《html表格输入框Word格式文档下载.docx(7页珍藏版)》请在冰豆网上搜索。
文本域、下拉列表、单选框、复选框等等)输入信息的元素。
表单使用表单标签()定义。
输入
多数情况下被用到的表单标签是输入标签()。
输入类型是由类型属性(type)定义的。
大多数经常被用到的输入类型如下:
文本域(textFields)
当用户要在表单中键入字母、数字等内容时,就会用到文本域。
Firstname:
lastname:
浏览器显示如下:
注意,表单本身并不可见。
同时,在大多数浏览器中,文本域的缺省宽度是20个字符。
单选按钮(Radiobuttons)
当用户从若干给定的的选择中选取其一时,就会用到单选框。
male
Female
maleFemale
注意,只能从中选取其一。
复选框(checkboxes)
当用户需要从若干给定的选择中选取一个或若干选项时,就会用到复选框。
ihaveabike
ihaveacar
ihaveabikeihaveacar
表单的动作属性(action)和确认按钮
当用户单击确认按钮时,表单的内容会被传送到另一个文件。
表单的动作属性定义了目的文件的文件名。
由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。
username:
假如你再上面的文本框内键入几个字母,并且点击确认按钮,那么输入数据会被传送到指向的页面。
那一页将显示出输入的结果。
篇二:
html表单和输入
html表单和输入html表单用于搜集不同类型的用户输入。
表单用于搜集不同类型的用户输入。
实例文本域(textfield)本例演示如何在html页面创建文本域。
密码域本例演示如何创建html的密码域。
(可以在本页底端找到更多实例。
)表单表单是一个包含表单元素的区域。
表单元素是允许用户在表单中(比如:
表单使用表单标签()定义。
...input元素...输入多数情况下被用到的表单标签是输入标签()。
文本域(文本域(textFields))当用户要在表单中键入字母、数字等内容时,就会用到文本域。
浏览器显示如下:
Firstname:
lastname:
注意,表单本身并不可见。
单选按钮(单选按钮(Radiobuttons))当用户从若干给定的的选择中选取其一时,就会用到单选框。
maleFemale浏览器显示如下:
maleFemale注意,只能从中选取其一。
复选框(复选框(checkboxes))
ihaveabike
ihaveacar浏览器显示如下:
ihaveabikeihaveacar表单的动作属性(表单的动作属性(action)和确认按钮)当用户单击确认按钮时,表单的内容会被传送到另一个文件。
inputtype="
text"
name="
user"
/>
username:
submit假如您在上面的文本框内键入几个字母,然后点击确认按钮,那么输入数据会传送到"
html_form_action.asp"
的页面。
该页面将显示出输入的结果。
html表单表单(Forms)html表单(Form)是html的一个重要部分,主要用于采集和提交用户输入的信息。
举个简单的例子,一个让用户输入姓名的html表单(Form)。
示例代码如下:
请输入你的姓名:
演示示例学习html表单(Form)最关键要掌握的有三个要点:
表单控件(Formcontrols)actionmethod先说表单控件(Formcontrols),通过html表单的各种控件,用户可以输入文字信息,或者从选项中选择,以及做提交的操作。
比如上面的例句里,inputtype="
就是一个表单控件,表示一个单行输入框。
用户填入表单的信息总是需要程序来进行处理,表单里的action就指明了处理表单信息的文件。
比如上面例句里的/html/asdocs/html_tutorials/yourname.asp。
至于method,表示了发送表单信息的方式。
method有两个值:
get和post。
get的方式是将表单控件的name/value信息经过编码之后,通过uRl发送(你可以在地址栏里看到)。
而post则将表单的内容通过http发送,你在地址栏看不到表单的提交信息。
那什么时候用get,什么时候用post呢?
一般是这样来判断的,如果只是为取得和显示数据,用get;
一旦涉及数据的保存和更新,那么建议用post。
html表单表单(Form)常用控件常用控件(controls)常用控件html表单(Form)常用控件有:
表单控件(Formcontros)说明表单控件inputtype="
单行文本输入框将表单(Form)里的信息提交给表单里action所指向的文件复选框单选框下拉框多行文本输入框inputtype="
submit"
checkbox"
radio"
selecttextarea
inputtype="
password"
密码输入框(输入的文字用*表示)表单控件(Formcontrol):
单行文本输入框表单控件:
单行文本输入框(inputtype="
)单行文本输入框允许用户输入一些简短的单行信息,比如用户姓名。
例句如下:
演示示例表单控件(Formcontrol):
复选框(inputtype="
)表单控件:
复选框复选框允许用户在一组选项里,选择多个。
示例代码:
苹果
桔子
芒果
演示示例用checked表示缺省已选的选项。
桔子
演示示例表单控件(Formcontrol):
单选框(inputtype="
):
单选框表单控件使用单选框,让用户在一组选项里只能选择一个。
下拉框(select):
下拉框表单控件下拉框(select)既可以用做单选,也可以用做复选。
单选例句如下:
苹果桔子芒果演示示例如果要变成复选,加muiltiple即可。
用户用ctrl来实现多选。
例句:
演示示例用户还可以用size属性来改变下拉框(select)的大小。
多行输入框(textarea):
多行输入框表单控件多行输入框(textarea)主要用于输入较长的文本信息。
其中cols表示textarea的宽度,rows表示textarea的高度。
篇三:
html列表、框架以及表单
上一篇文章为大家带来了html的介绍以及运行原理、图像表格的实际应用。
本章迪派为大家介绍无序列表,有序列表,框架浮动窗口表单及表单控件,表单及表单控件
一、无序列表,有序列表:
1.有序列表:
俺第一个实例
成绩表
width="
500px"
>
项目
上课
休息
星期
星期一
星期二
星期三
星期四
星期五
星期六
星期日
上午
语文
数学
英语
物理
计算机1
1
地理
历史
化学
计算机2
cad
ai
淘宝
图形图像
网站后台
学历
日文录入
公建
方正飞腾
网页三剑客
计算机4
下午
平面设计
装潢
日语
会计
ps
2
计算机6
2.无序列表
案例:
代码:
英雄
精武门
西游记
3
type可以取disc、circle、square
有序列表
卢俊义
吴用
林冲
type用于指定用什么来显示,start表示从第几开始计算.
type有:
阿拉伯数字1,2,3,…
小写字母a,b,c,…
大写字母a,b,c,…
小写罗马字母i,ii,iii,…
大写罗马字母i,ii,iii,…
二、框架浮动窗口表单及表单控件:
Frameset框架集
用途主要是用于分割显示多个页面
frameset和frame配合使用,一般讲是用于后台页面
快速入门:
4
代码
a.html页面用于保护其它页面
该frameset页面不能有body和body体
b.html
周杰伦
齐秦
5