HTML表单

HTML表单设计表单是可以把用户输入的数据传送到服务器的HTML元素。服务器处理表单传过来的数据，从而进行一些动作。表单formform标签是成对出现的，以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”上机任务