作者: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>