HTML是用于構(gòu)建網(wǎng)頁的標準語言,它可以將文本、圖像和其他類型的媒體內(nèi)容組合起來,使之呈現(xiàn)在瀏覽器中。表單是一個常見的HTML元素,它允許用戶向網(wǎng)站提交數(shù)據(jù)并與網(wǎng)站進行交互。在表單中,分組設(shè)置標簽是一種很方便的方式,可以將表單分成不同的組別,使表單更易于管理和理解。
<form> <fieldset> <legend>個人信息</legend> <p> <label for="name">姓名:</label> <input type="text" id="name" name="name"> </p> <p> <label for="age">年齡:</label> <input type="text" id="age" name="age"> </p> </fieldset> <fieldset> <legend>聯(lián)系信息</legend> <p> <label for="email">電子郵件:</label> <input type="email" id="email" name="email"> </p> <p> <label for="phone">電話號碼:</label> <input type="tel" id="phone" name="phone"> </p> </fieldset> <p> <input type="submit" value="提交"> </p> </form>
上面的代碼展示了如何使用fieldset和legend標簽來設(shè)置表單分組,其中fieldset標簽定義一個表單組,legend標簽設(shè)置組的標題。在每個分組中,我們可以添加任意數(shù)量的表單元素,如input、textarea、select等,這些元素將自動被視為表單的一部分。
在使用分組設(shè)置標簽時,我們還可以為組添加樣式和屬性,以進一步定制表單的外觀和行為。例如,可以使用CSS樣式來改變表單分組的背景色、邊框樣式等。此外,我們還可以使用JavaScript來控制表單的驗證、提交等操作,使用戶的交互更加靈活和強大。
下一篇vue aos