本文展示了一个使用fieldset和legend标签实现的表单示例。通过fieldset元素将表单内容包围起来，并使用legend元素作为标题，使表单结构更加清晰。示例中包含了四个输入字段。
<html>
<head>
<title>fieldset和legend标签组合效果</title>
</head>
<body>
<form>
<fieldset>
<legend>整个表单是不是把我围起来了啊?</legend>
<label for="name1">第一个</label>
<input id="name1" name="name1" type="text">
<label for="name2">第二个</label>
<input id="name2" name="name2" type="text">
<label for="name3">第三个</label>
<input id="name3" name="name3" type="text">
<label for="name4">第四个</label>
<input id="name4" name="name4" type="text">
</fieldset>
</form>
</body>
</html>
<head>
<title>fieldset和legend标签组合效果</title>
</head>
<body>
<form>
<fieldset>
<legend>整个表单是不是把我围起来了啊?</legend>
<label for="name1">第一个</label>
<input id="name1" name="name1" type="text">
<label for="name2">第二个</label>
<input id="name2" name="name2" type="text">
<label for="name3">第三个</label>
<input id="name3" name="name3" type="text">
<label for="name4">第四个</label>
<input id="name4" name="name4" type="text">
</fieldset>
</form>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
