`

<from>标签

    博客分类：
  • html
html 
阅读更多

<from>标签

参考页面：http://www.w3school.com.cn/tags/tag_form.asp

 

 

一，定义和用法

<form> 标签用于为用户输入创建 HTML 表单。

表单能够包含input元素，比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含 menus、textarea、fieldset、legend和 label元素。

表单用于向服务器传输数据。

二，提示和注释

注释：form 元素是块级元素，其前后会产生折行。

三，实例

1，文本域和密码框

 

<form>
	用户：
	<input type="text" name="user">
	<br />
	密码：
	<input type="password" name="password">
</form>

 2，单选框

 

<form>
	男性：
	<input type="radio" checked="checked" name="Sex" value="male" />
	<br />
	女性：
	<input type="radio" name="Sex" value="female" />
</form>

注意：name属性应该相同

 3，复选框

 

<form>
	我喜欢自行车：
	<input type="checkbox" name="Bike">
	<br />
	我喜欢汽车：
	<input type="checkbox" name="Car">
</form>

 4，简单的下拉列表

 

<form>
	<select name="cars">
		<option value="volvo">Volvo</option>
		<option value="saab">Saab</option>
		<option value="fiat" selected="selected">Fiat</option>
		<option value="audi">Audi</option>
	</select>
</form>

 5,文本域

 

<textarea rows="10" cols="30">
The cat was playing in the garden.

 6，创建按钮

 

<form>
	<input type="button" value="Hello world!">
</form>

 7，围绕数据的FieldSet

 

<fieldset>
	<legend>健康信息：</legend>
	<form>
		<label>身高：<input type="text" /></label>
		<label>体重：<input type="text" /></label>
	</form>
</fieldset>

 8,从表单发送电子邮件

 

<html>

	<body>
		<form action="MAILTO:testi@163.com" 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>
分享到：
| span div及p的区别
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    mybatis动态sql（使用<where>标签来处理多个查询条件）

    MyBatis提供了多种动态SQL标签，如`&lt;if&gt;`、`&lt;choose&gt;`、`&lt;when&gt;`、`&lt;otherwise&gt;`、`&lt;trim&gt;`、`&lt;where&gt;`、`&lt;set&gt;`和`&lt;foreach&gt;`等，这些标签可以用来构建灵活多变的SQL语句。 #### 三、`&lt;where&gt;`标签详解 `&lt;where&gt;`...

    MyBatis-03动态SQL-01.<if>元素的使用

    `&lt;if&gt;`元素是MyBatis动态SQL中最基础的条件判断标签，用于在构建SQL语句时进行条件判断。它的基本语法结构如下： ```xml &lt;if test="propertyExpression"&gt; SQL语句或片段 &lt;/if&gt; ``` 其中，`test`属性是必须的，它...

    HTML标签解释大全

    - **说明**：虽然没有直接对应的 `&lt;dir&gt;` 标签，但这里的“dir”可能是指 `&lt;directory&gt;` 标签，用于引起目录列表。 ##### 标签：div - **说明**：`&lt;div&gt;` 标签用于指定渲染HTML的容器。它可以用来分组其他HTML元素...

    浏览器变量标题问题

    这个`&lt;title&gt;`标签的内容会显示在浏览器的标签页上，当用户保存书签或者分享链接时，也会使用这个标题。 然而，在某些情况下，我们可能需要动态地更改页面标题，例如根据用户的操作或页面状态。这时，我们可以利用...

    coldfusion标签

    - `&lt;cfinput&gt;`、`&lt;cfselect&gt;`、`&lt;cfradiogroup&gt;` 和 `&lt;cfcheckboxgroup&gt;`：创建表单元素。 - `&lt;cfformaction&gt;`：处理表单提交事件。 ### 7. 错误处理和调试 - `&lt;cfcatch&gt;` 和 `&lt;cftry&gt;`：异常处理，捕获运行时...

    HTML 5 标签参考

    &lt;footer&gt;From WWF, &lt;cite&gt;The world's leading conservation organization&lt;/cite&gt;.&lt;/footer&gt; &lt;/blockquote&gt; ``` ##### 17. `&lt;body&gt;` - **用途**：定义文档的主体部分。 - **示例**： ```html &lt;body&gt; &lt;h1&gt;...

    react-tabs:极其简单灵活的标签页

    React标签 ... &lt; Tabs&gt; &lt; TabList&gt; &lt; Tab&gt; First Tab &lt; / Tab &gt; &lt; Tab&gt; Second Tab &lt; / Tab &gt; &lt; / TabList &gt; &lt; TabPanels&gt; &lt; TabPanel&gt; &lt; h2&gt; First Tab Content &lt; / h2 &gt; &lt;

    ibatis中iterate的例子

    除了基本的`&lt;iterate&gt;`用法，还可以结合其他标签如`&lt;if&gt;`、`&lt;choose&gt;`、`&lt;when&gt;`、`&lt;otherwise&gt;`等进行更复杂的逻辑控制，实现动态SQL生成。 总结来说，`&lt;iterate&gt;`标签是iBatis中处理集合数据的重要工具，它简化了...

    Mybatis排序无效问题解决.doc

    &lt;select id="selectEmployees" parameterType="map" resultType="Employee"&gt; SELECT * FROM employees &lt;if test="sortInfo != null"&gt; ORDER BY ${sortInfo} &lt;/if&gt; &lt;/select&gt; ``` 在这个例子中，当`sortInfo`...

    html标签注释集合[借鉴].pdf

    47. `&lt;from&gt;`: 指定表单元素的作用。 48. `&lt;head&gt;`: 包含文档元信息，如标题、样式和脚本。 49. `&lt;history&gt;`: 存储用户浏览历史的记录。 50. `&lt;hn&gt;`: 用于创建各级标题，如`&lt;h1&gt;`到`&lt;h6&gt;`。 51. `&lt;hr&gt;`: 插入一...

    mybatis动态sql.doc

    其中，`&lt;choose&gt;`标签用于开启选择逻辑，`&lt;when&gt;`标签用于指定选择条件，`&lt;otherwise&gt;`标签则是在没有匹配到任何`&lt;when&gt;`条件时执行的默认逻辑。 示例代码： ```xml &lt;select id="findUsersByStatus" parameterType=...

    第五讲-HTML网页设计基础三.ppt

    例如，`&lt;font face="times new roman" size=20 color = red&gt;come from aic&lt;/font&gt;`将文字设置为Times New Roman字体，20号大小，红色。 接着，我们学习了如何修饰文字。`&lt;b&gt;`用于加粗，`&lt;i&gt;`用于斜体，`&lt;sup&gt;`和`...

    MyBatis动态SQL是一种强大的特性，它允许我们在SQL语句中根据条件动态地添加或删除某些部分，从而实现更加灵活和高效的数据

    MyBatis提供了一系列标签来支持动态SQL功能，包括但不限于`&lt;if&gt;`、`&lt;choose&gt;`、`&lt;when&gt;`、`&lt;otherwise&gt;`、`&lt;trim&gt;`、`&lt;where&gt;`、`&lt;set&gt;`等。 ##### 2.1 `&lt;if&gt;`标签 `&lt;if&gt;`标签是最常用的动态SQL标签之一，用于根据...

    MyBatis 中动态 SQL 的示例

    首先，动态SQL主要通过`&lt;if&gt;`、`&lt;choose&gt;`（相当于Java中的switch语句）、`&lt;when&gt;`、`&lt;otherwise&gt;`、`&lt;where&gt;`、`&lt;set&gt;`、`&lt;foreach&gt;`等标签实现。这些标签允许我们在SQL语句中插入条件或循环，使得同一个映射文件...

    MyBatis动态SQL是一项强大的特性，它允许我们在编写SQL语句时根据条件动态地添加或删除某些部分，从而实现更加灵活和高效的

    2. **&lt;choose&gt;/&lt;when&gt;/&lt;otherwise&gt;**：这三个标签一起使用时类似于编程语言中的`switch`语句，可以根据不同的条件选择不同的SQL片段。 3. **&lt;trim&gt;**：此标签用于处理SQL语句中的前缀或后缀，如移除多余的逗号、...

    html常用标签

    46. `&lt;from&gt;`: 可能是拼写错误，正确的应该是`&lt;form&gt;`，用于创建表单。 47. `&lt;head&gt;`: 包含文档元信息，如标题、样式、脚本等。 48. `&lt;history&gt;`: 用户浏览历史的记录。 49. `&lt;hn&gt;`: 用于创建标题（h1到h6），...

    vue-client-only:Vue组件，用于包装非SSR友好组件（428字节）

    &lt; h1&gt;My Website&lt;/ h1&gt; &lt; client&gt; &lt;!-- this component will only be rendered on client-side --&gt; &lt; comments&gt; &lt;/ client&gt; &lt;/ div&gt; &lt;/ template&gt; &lt; script &gt; import ClientOnly from ' vue-...

    C#编程经验技巧宝典

    10&lt;br&gt;&lt;br&gt;0023　如何添加引用第3方控件　11&lt;br&gt;&lt;br&gt;0024　如何生成DLL文件　11&lt;br&gt;&lt;br&gt;0025　如何使用不安全代码　11&lt;br&gt;&lt;br&gt;第2章　语言基础　13&lt;br&gt;&lt;br&gt;2.1　注释　14&lt;br&gt;&lt;br&gt;0026　如何对代码进行注释　14&lt;br&gt;...

Magicbox
Global site tag (gtag.js) - Google Analytics