Html学习笔记——网页表单

网页表单:

<form action=”test.asp” method=”get”>(method:方法)

正常输入文本框:<input type=”text” name=”name” />

密码输入文本框:<input type=”password” name=”name” />

单选框:<input type=”radio” value=”属性” name=”name” checked=”checked”/>”选中”

复选框:<input type=“checkbox” name=”name” />

下拉框:<select name=”下拉框”>
<option value=”选项一”>选项一</option>
<option value=”选项二”>选项二</option>
<option value=”选项三” selected=”selected”>选项三</option>(此项选中)
……
</select>

文本域(多行文本框):<textarea rows=”高度” cols=”高度”>内容</textarea>

一个带标题的框(相当于列表框):
<fieldset>
<legend>标题</legend>
<form>
<label>标题一<input type=”text” /></label>
<label>标题二<input type=”text” /></label>
</form>
</fieldset>

按钮:<input type=”button” value=”按钮” />(这里的value参数的内容将会作为按钮的标题)

确认按钮(提交按钮):<input type=”submit” value=”submit” />(这里的value参数的内容将会作为按钮的标题)

</form>

表单的动作属性(Action)和确认按钮

当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。

&lt;form name="input" <code>action="html_form_action.asp" method="get"&gt;</code>
Username: 
&lt;input type="text" name="user" /&gt;
<code>&lt;input type="submit" value="Submit" /&gt;</code>
&lt;/form&gt;

<html>

<body>
<form action=”MAILTO:someone@w3school.com.cn” method=”post” enctype=”text/plain”>

<h3>这个表单会把电子邮件发送到 W3School。</h3>
姓名:<br />
<input type=”text” name=”name” value=”yourname” size=”20″>
<br />
电邮:<br />
<input type=”text” name=”mail” value=”yourmail” size=”20″>
<br />
内容:<br />
<input type=”text” name=”comment” value=”yourcomment” size=”40″>
<br /><br />
<input type=”submit” value=”发送”>
<input type=”reset” value=”重置”>

</form>
</body>
</html>

表单标签

标签 描述
<form> 定义供用户输入的表单
<input> 定义输入域
<textarea> 定义文本域 (一个多行的输入控件)
<label> 定义一个控制的标签
<fieldset> 定义域
<legend> 定义域的标题
<select> 定义一个选择列表
<optgroup> 定义选项组
<option> 定义下拉列表中的选项
<button> 定义一个按钮
<isindex> 已废弃。由 <input> 代替。

原创文章,转载请注明: 转载自YXZ’s Blog

本文链接地址: Html学习笔记——网页表单

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>