fieldset标签用法

  • A+
所属分类:html

今天一个群里的朋友问我这个图片的如何使用:

fieldset标签用法

就是文章中如何把想要凸显的内容框框起来。我因为是主题自身带的功能,所以也没有费脑子去深究,我自己想觉得以后也有用到的地方,索性研究一下,发现其实挺简单的。

想要插入任何主题,只需要如下一行代码就行:

  1. <fieldset><legend>我是标题</legend>这里是内容</fieldset>

我是标题改为:日子真想不通,这里是内容改为:你想要表达的内容。自然因为是html代码的原因,你得在文本模式中修改即可。

深一点的研究:fieldset添加form表格

  1. <form>
  2.   <fieldset>
  3.     <legend>health information</legend>
  4.     height: <input type="text" />
  5.     weight: <input type="text" />
  6.   </fieldset>
  7. </form>

form是表格的代码,不过从上述的代码部署来看,form要在fieldset外边,输出的结果如下图:

fieldset标签用法

观察上面的代码发现,可以去掉form,就会留下fieldset的代码。其实想要更多的功能就是,如何把一些html代码和fieldset有机的结合在一起,值得庆幸的是,这个功能的实现不需要css,否则我也是头大。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: