HTML＜form＞标签

news2025/1/21 11:28:42

例子

具有两个输入字段和一个提交按钮的HTML表单：

<form action="/action_page.php" method="get">
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<input type="submit" value="Submit">
</form>

下面有更多“自己尝试”的示例。

定义和用法

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

<form>元素可以包含下列一个或多个表单元素：

<输入>
<文本区域>
<按钮>
<选择>
<选项>
<选择组>
<字段集>
<标签>
<输出>

浏览器支持

属性

全局属性

<form>标签支持HTML中的全局属性。

事件属性

<form>标签支持HTML中的事件属性。

更多示例

例子

带有复选框的HTML表单：

例子

带有单选按钮的HTML表单：

<form action="/action_page.php" method="get">
<input type="radio" id="html" name="fav_language" value="HTML">
<label for="html">HTML</label><br>
<input type="radio" id="css" name="fav_language" value="CSS" checked="checked">
<label for="css">CSS</label><br>
<input type="radio" id="javascript" name="fav_language" value="JavaScript">
<label for="javascript">JavaScript</label><br><br>
<input type="submit" value="Submit">
</form>

默认CSS设置

<form>大多数浏览器将使用以下默认值显示该元素：

例子

form {
display: block;
margin-top: 0em;
}

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/2279791.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！