加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 编程 > 正文

HTML表单_动力节点Java学院清算

发布时间:2020-03-19 04:49:05 所属栏目:编程 来源:站长网
导读:副问题#e# HTML 表单用于吸取差异范例的用户输入,用户提交表单时向处事器传输数据,从而实现用户与Web处事器的交互。 2.表单的事变机制 3.表单界说(form/form标签) HTML表单是一个包括表单位素的地区, 表单行使form 标签建设。表单可以或许包括input元素,

将一个option配置为选中:<option selected>北京</option>可能<option selected="selected">北京</option>(保举方法)就可以将这个项设定为选择项。怎样实现“不选择”,添加一个<option value="-1">--不选择--<option>,然后编程判定select选中的值假如是-1就以为是不选择。

select分组选项,可以行使optgroup对数据举办分组,分组自己不会被选择,无论对付下拉列表照旧列表框都合用。  

<select>标志加上multiple属性,可以应承多选(按CTRL键选择)

<select name="country" size="10"> <optgroup label="Africa"> <option value="gam">Gambia</option> <option value="mad">Madagascar</option> <option value="nam">Namibia</option> </optgroup> <optgroup label="Europe"> <option value="fra">France</option> <option value="rus">Russia</option> <option value="uk">UK</option> </optgroup> <optgroup label="North America"> <option value="can">Canada</option> <option value="mex">Mexico</option> <option value="usa">USA</option> </optgroup> </select>

8.多行文本<textarea></textarea>

多行文本<textarea>建设一个可输入多行文本的文本框,<textarea>没有value属性,<textarea>文本</textarea>,cols=“50”、rows=“15”属性暗示行数和列数,不指定则赏识器采纳默认表现。

<textarea name=“textareaContent” rows=“ 20“ cols=“50” > 多行文本框的初始表现内容 </textarea>

9.<label></label>标签

在<input type=“text”>前可以写平凡的文原来修饰,可是单击修饰文本的时辰input并不会获得核心,而用label则可以,for属性指定要修饰的控件的id,<label for=“txt1” >内容</label>;”,然后按下alt+u(相识)。accesskey=“u“,label的另一个属性。留意:要为被修饰的控件配置一个独一的id。我认为<label></label>标签对<input type="radio"/>和<input type="checkbox"/>这两个标签长短常有效的。

<input type="radio" name="sex" id="male" value="0" checked="checked" /><label for="male">男</lable> <input type="radio" name="sex" id="fmale" value="1" /><label for="fmale">女</label> <input type="radio" name="sex" id="secret" value="2" /><label for="secret">保密</label>

10.<fieldset></fieldset>标签

fieldset标签将控件分别一个地区,看起来更规整。

<fieldset> <legend>喜爱</legend> <input type="checkbox" value="篮球" /> <input type="checkbox" value="登山" /> <input type="checkbox" value="阅读" /> </fieldset>

11.提交按钮<input type="submit"/>

当用户单击<inputt type="submit"/>的提交按钮时,表单数据会提交给<form>标签的action属性所指定的处事器处理赏罚措施。中文IE下默认按钮文本为“提交查询”,可以配置value属性修改按钮的表现文本。 

<input type="submit" value="提交"/>

12.重置按钮<input type="reset"/>

当用户单击<input type="reset"/>按钮时,表单中的值被重置为初始值。在用户提交表单时,重置按钮的name和value不会提交给处事器。

<input type=“reset” value=“重置按钮"/>

13.平凡按钮<input type="button"/>

平凡按钮凡是用于单击执行一段剧本代码。

<input type="button" value="平凡按钮"/>

14.图像按钮<input type="image"/>

图像按钮的src属性指定图像源文件,它没有value属性。图像按钮可取代<input type="submit"/>,而此刻也可以通过css直接将<input type="submit"/>按钮的外面配置为一幅图片。

<input type="image" src=http://www.jb51.net/web/"bg.jpg" />

三、表单示例

该示例是行使表单实现的一个简朴的注册页面,行使表格机关。

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读