表单元素之button元素、textarea多行文本元素

最新推荐文章于 2022-09-04 15:27:56 发布

yin_991

最新推荐文章于 2022-09-04 15:27:56 发布

阅读量946

点赞数

文章标签： html5 表单标签

本文链接：https://blog.csdn.net/yin_991/article/details/78380640

版权

Button元素：用来建立一个按钮从功能上来说与input元素建立的按钮相同

Button元素是双标签，其内部可以配置图片与文字，进行更复杂的样式设计，不仅可以在表单中使用，还可以在其他块元素、内联元素中使用

属性：

（1） type属性：三个值：submit、reset、button，与input相同

（2） name、value、disable属性，用法与input相同

（3） autofocus属性：

（4） form属性：设置按钮隶属于哪个或哪几个表单

表单重写：

（5） formmethod属性：设置表单的提交方式，将覆盖原本的提交方式

（6） formnovalidate属性：设定表单将会覆盖原本的novalidate属性

（7） formaction属性：指定表单数据发送对象，将覆盖原来的action属性设定

（8） formtarget属性：将覆盖原本的target属性设定

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>button元素、textarea多行文本元素</title>
</head>
<body>
	<form action="" id="form">
		用户名：<input type="text" name="name">
		<h4>评论:</h4>
		<textarea name="" id="" cols="30" rows="10" style="background: #008080;"></textarea><br>
	</form>

	<button type="submit" form="form">
		<img src="mogu.jpg" alt="" width="10" height="4">提交
	</button>
</body>
</html>