JAVAWEB01表单标记
表单就是在⽹页上⽤于输⼊信息的区域,它的主要功能是收集⽤户信息,并将这
些信息传递给后台服务器。
表单主要由 3 部分构成,分别为表单控件、提⽰信息和表单域。
➢表单控件:包含了具体的表单功能项,如单⾏⽂本输⼊框、密码输⼊框、复选框提交按
钮等。
➢提⽰信息:⼀个表单中通常还需要包含⼀些说明性的⽂字即表单控件前的⽂字说明,⽤
于提⽰⽤户进⾏填写和操作。
➢表单域:它相当于⼀个容器,⽤来容纳所有的表单控件和提⽰信息。
表单控件<input>
浏览⽹页时经常会看到单⾏⽂本输⼊框、单选按钮、复选框、重置按钮等,使⽤<input />
控件可以在表单中定义这些元素,其基本语法格式如下:
<input type=”控件类型” />
在上述代码中 type 属性为其最基本的属性,取值有多种,⽤来指定不同的控件类型。除 typ
e 属性外,<input />控件还可以定义很多其他属性,⽐较常⽤的有 name、id、value、size,它们分别⽤来指定 input 控件的名称、ID 值、控件中的默认值和控件在页⾯中的显⽰宽度。
①普通输⼊项:<input type="text"/>
②密码输⼊项:<input type="password"/>
③单选输⼊项:<input type="radio"/>
◆需要属性 name
◆ name 的属性值必须要相同
◆必须有⼀个 value 值
◆实现默认选中的属性:checked="checked"
④复选输⼊项:<input type="checkbox"/>
◆需要属性 name
◆ name 的属性值必须要相同textarea中cols表示
◆必须有⼀个 value 值
◆实现默认选中的属性:checked="checked"
单选框按钮和复选框按钮必须要指定相同的 name 属性值,并
且要给每个选项指定不同的 value 值,这是为了⽅便在处理页⾯数据是获取表单传递的值。
如果没有给单选框按钮和复选框按钮的选项指定 value 值,那么它提交的就是按钮的状态,
这样区分不出来哪个选项被选中。
⑤⽂件输⼊项(上传⽂件时⽤)<input type="file"/>
⑥下拉输⼊项(不是在 input 标签⾥⾯的)
<select name="birth">
<option value="1992">1992</option>
<option value="1993">1993</option>
</select>
默认选择:selected="selected"
⑦隐藏项(不会显⽰在页⾯上,但是存在于 html 代码⾥⾯)<input type="hidden" />
⑧提交按钮<input type="submit"/>
<input type="submit" value="注册"/>
⑨重置按钮<input type="reset"/>
<input type="reset" value="重填"/>
⑩图⽚提交按钮<input type="image" src="图⽚ URL"/>
<input type="image" src="web.jpeg" width="100" height="50" />
普通按钮:调⽤ Javascript
<input type="button" value="普通按钮"/>
使⽤<input />标记可以定义单⾏⽂本输⼊框。但是,如果需要输⼊⼤量的⽂本信息,单⾏
⽂本框将⽆法显⽰全部的输⼊信息,这时就要使⽤<textarea></textarea>标记,通过此标记可以创建多⾏⽂本框。
<textarea cols="每⾏中的字符数" rows="显⽰的⾏数">⽂本内容</textarea>
<form>标记⽤于定义表单域,即创建⼀个表单,其基本语法如下所⽰:
<form action="URL 地址" method="提交⽅式" name=”表单名称”>
各种表单控件
</form>
在上述的代码中,action、method、name 为<form>标记的常⽤属性,action 属性⽤于指定
表单提交的地址,例如,action="login.jsp"表⽰表单数据会提交到名为 login.jsp 的页⾯去处
理。method 属性⽤于设置表单数据的提交⽅式,其取值为 GET 或 POST,其中,GET 为默认值,这
种⽅式提交的数据将显⽰在浏览器的地址栏中,保密性差且有数据量限制,⽽使⽤ POST 提交⽅
式不但保密性好,还可以提交⼤量的数据,所以开发中通常使⽤ POST ⽅式提交表单。
(假如⽤GET⽅法,地址栏可以拦截切分,抓住提取关键信息。此刻体现出name和value的作⽤,即name类似于“i=1”中的i,value相当于1.我们可以通过value值获取关键信息。⽽POST⽅法,则更加适⽤于平时,⼀般来说有两种:⼀是提交给后台,保存或更改客户信息,⼆是进⾏关键字段的搜索。)
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论