HTML表单示例

最新推荐文章于 2023-10-27 15:19:41 发布

Useless_csdn

最新推荐文章于 2023-10-27 15:19:41 发布

阅读量3.1k

点赞数 2

分类专栏： HTML

本文链接：https://blog.csdn.net/Useless_csdn/article/details/86325530

版权

HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

表单是HTML页面中负责数据采集功能的部件。它往往由三部分组成，即表单标签、表单域、表单按钮。

表单标签：用于表面表单的范围，位于表单标签中的元素将被提交

语法：<form><form>

属性：Method,Enctype,action

表单域：包括文本框，密码框等多种类型

语法：<input……/>

属性：type,name,value

种类：文本框<type = text>

密码框<type = password>

文本区域<type = textarea>

文件上传框<type = file>

单选框<type = radio>

复选框<type = checkbox>

表单按钮：复位、提交、按钮

<html>
<head>
	<script type="text/javascript" src="checkvalue.js"></script>
</head>
<body>
	<form name="form1">
		<input type="text" placeholder="Text" name="text1" />
		<input type="password" placeholder="password" name="password" />
		<textarea placeholder="Textarea" name="textarea" style="resize:none"> </textarea>
		<input type="file" name="file" />
		<input type="radio" name="Option" value="Option1" />Option 1
		<input type="radio" name="Option" value="Option2" />Option 2
		<input type="checkbox" name="check" value="Option1" />Option 1
		<input type="checkbox" name="check" value="Option2" />Option 2

		<input type="submit" value="Submit" />
		<input type="reset" value="Reset"/>
		<input type="button" value="button" onclick="getValue()"/>
	</form>
</body>
</html>

function getValue()
{
    var text=document.form1.text1.value;
    alert(text);
}

Useless_csdn

关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
HTML表单示例

表单是HTML页面中负责数据采集功能的部件。它往往由三部分组成，即表单标签、表单域、表单按钮。表单标签：用于表面表单的范围，位于表单标签中的元素将被提交语法：&lt;form&gt;&lt;form&gt;属性：Method,Enctype,action表单域：包括文本框，密码框等多种类型语法：&lt;input……/&gt;属性：type,name,value种类：文...
复制链接

扫一扫