HTML ＜form＞表单加外边框

作者：CYL

日期：2020-10-11

标签 form 表单 加框

问题：现在 已有的HTML代码是

	<form action="form_action.asp" method="get">
		<p>First name: <input type="text" name="fname" /></p>
		<p>Last name: <input type="text" name="lname" /></p>
		<input type="submit" value="Submit" />
	</form>

对应的图为
但是现在我想要给该表单加上一个外边框
变成下图这样
那么更改代码为：

	<form action="form_action.asp" method="get">
		<fieldset>  <!--加外边框-->
			<p>First name: <input type="text" name="fname" /></p>
			<p>Last name: <input type="text" name="lname" /></p>
			<input type="submit" value="Submit" />
		</fieldset>
	</form>

如果想要给外边框加上一个名字
那么在中加上一个标签即可

	<form action="form_action.asp" method="get">
		<fieldset>  <!--加外边框-->
			<legend>注册表单</legend>
			<p>First name: <input type="text" name="fname" /></p>
			<p>Last name: <input type="text" name="lname" /></p>
			<input type="submit" value="Submit" />
		</fieldset>
	</form>

注：HTML需要记的标签太多了 一老忘