您好,欢迎访问三七文档
HTML表单设计表单是可以把用户输入的数据传送到服务器的HTML元素。服务器处理表单传过来的数据,从而进行一些动作。表单formform标签是成对出现的,以form开始,以/form结束。form标签里两个必须的属性:action和method。action表示form表单所填的数据将被传送到的地方。method表示form表单在数据传送过程中的方法,有get和post两种方法。•如果采用POST方法,浏览器将会按照下面两步来发送数据。首先,浏览器将与action属性中指定的表单处理服务器建立联系,一旦建立连接之后,浏览器就会按分段传输的方法将数据发送给服务器。•在服务器端,一旦POST样式的应用程序开始执行时,就应该从一个标志位置读取参数,而一旦读到参数,在应用程序能够使用这些表单值以前,必须对这些参数进行解码。用户特定的服务器会明确指定应用程序应该如何接受这些参数。•另一种情况是采用GET方法,这时浏览器会与表单处理服务器建立连接,然后直接在一个传输步骤中发送所有的表单数据:浏览器会将数据直接附在表单的actionURL之后。•一般浏览器通过上述任何一种方法都可以传输表单信息,而有些服务器只接受其中一种方法提供的数据。可以在form标签的method(方法)属性中指明表单处理服务器要用方法来处理数据,使用POST还是GET。表单form!--通过表单提交相关信息--htmlbodyformaction=“check.jsp”method=“post”。。。。。。/form/body/html常用的表单元素名称说明名称说明text单行文本框file文件域password密码框submit提交按钮checkbox复选框reset重置按钮radio单选框button普通按钮单行文本框texthtmlbody用户名:inputtype=“text”name=“username”//body/html密码框passwordhtmlbody密码:inputtype=“password”name=“password”//body/html复选框checkboxhtmlbody个人爱好:inputtype=“checkbox”name=“love1”/电脑网络inputtype=“checkbox”name=“love2”checked/影视inputtype=“checkbox”name=“love3”/绘画书法/body/html单选框radiohtmlbody性别:inputtype=“radio”name=“sex”value=“male”checked/男inputtype=“radio”name=“sex”value=“female”/女/body/html注:与复选框不同的是,radio所在同一组“input”标签的name值必须相同submit提交按钮与reset复位按钮提交按钮与复位按钮是同表单配合使用的,写法如下:inputtype=“submit”value=“提交”/ inputtype=“reset”value=“重置”/“ ”代表一个空格。多行文本框textareahtmlbody备注:brtextareaname=“remark”rows=“15”cols=“40”/textarea/body/html注:“rows”与“cols”是该标签的属性,分别代表输入行数和列数单选列表(下拉列表)selecthtmlbodyselectname=“singleselect”size=1optionvalue=“本科”selected=selected本科/optionoptionvalue=专科专科/optionoptionvalue=硕士硕士/optionoptionvalue=博士博士/option/select/body/html注:select标签中的size表示默认显示多少行,option标签表示选项多选列表selecthtmlbody选择你所学过的计算机编程语言:selectname=languagemultiple=multiplesize=3optionvalue=Cselected=selectedC/optionoptionvalue=C++C++/optionoptionvalue=VBselected=selectedVB/optionoptionvalue=JAVAJAVA/option/select/body/html注:多选的关键字是“multiple”上机任务
本文标题:HTML表单
链接地址:https://www.777doc.com/doc-4552370 .html