在div中给出边框标题

Har*_*Joy 47 html css forms

我可以在HTML中这样做:

在此输入图像描述

我想在我的上添加边框标题(此图中的"常规信息")div.可能吗?怎么做?


注意:
图像不是HTML页面的图像,而是Java应用程序的图像.

小智 54

<div id="form" style="width:350px;">
   <fieldset>
      <legend style="color:blue;font-weight:bold;">General Information</legend>
      <table>
         <tr>
            <td><span style="text-decoration:underline">C</span>hange Password To:</td>
            <td><input type="text"/></td>
         </tr>
         <tr>
            <td><span style="text-decoration:underline">C</span>onfirm Password:</td>
            <td><input type="text"/></td>
         </tr>
      </table>
   </fieldset>
</div>
Run Code Online (Sandbox Code Playgroud)

  • 在边界上使用fieldset在语义上是否正确?我想知道. (2认同)

amo*_*era 16

图像可能使用fieldset标签而不是a div,fieldset你可以使用标签legend,它会自动定位在那里.

<fieldset>
<legend>General Information</legend>
</fieldset>
Run Code Online (Sandbox Code Playgroud)


Rud*_*rik 5

<fieldset style="width:100px;">

<legend>

Please Enter Your Name</legend>

<br>

<table>

<tr>

<td>First Name:</td>

<td><input type="text" /></td>

</tr>

<tr>

<td>Last Name:</td>

<td><input type="text" /></td>

</tr>

</table>

</fieldset>
Run Code Online (Sandbox Code Playgroud)

这将给你这样的输出。

在此输入图像描述