1、定義表單

先看一個基礎(chǔ)的表單，再講解一下：

Submit

semantic中的表單，其實就是在form標(biāo)簽中加一個ui form的class即可

下面的使用div將input包含主要是為了好理解，其中的filed的class標(biāo)識的是表單項的寬度，和grid的column一樣，最大值支持sixteen。

需要注意的是，如果field不加寬度的話，默認(rèn)是sixteen，即最大寬度(會根據(jù)屏幕自適應(yīng))。

同樣可以將field寬度寫在input標(biāo)簽中，是一樣的，但是不推薦，這樣的話，input的屬性就太多了，可讀性不高。

2、表單項與label配合使用

semantic-ui中很多例子都是表單與label合用，其實沒什么可以需要注意的。

姓名

Submit

3、設(shè)置寬度

姓名

Submit

4、單選按鈕

單選按鈕注意不是只在input標(biāo)簽中指定type為radio，還有將input標(biāo)簽嵌入一個span或者div標(biāo)簽內(nèi)，然后外層標(biāo)簽加上ui radio checkbox

Select your favorite fruit:

Apples

Oranges

提交

總結(jié)

以上是生活随笔為你收集整理的html表单ui图片,semantic-ui 表单(示例代码)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。