問題描述
什么是html表單?
如何在html網(wǎng)頁制作實現(xiàn)選擇框或是下拉菜單?
如何實現(xiàn)html布局?
在我們的日常工作和學(xué)習(xí)中,我們經(jīng)常會需要使用某些網(wǎng)站的功能,這時就會面臨需要注冊該網(wǎng)站的賬號。而在注冊的時候,會讓我們填寫一個個人信息表,這樣的一個網(wǎng)頁就可以用html的表格、表單、布局等來完成制作。
解決方案
html布局
網(wǎng)頁布局對改善網(wǎng)頁的外觀十分重要,在布局時,<div>元素常用作布局工具,因為能夠輕松地通過CSS對其定位。
圖3.1 div元素使用示例
html表單
html表單用于搜集不同類型的用戶數(shù)據(jù)。通常是在我們填寫登錄注冊、問卷調(diào)查、賬戶信息時需要填寫的單子。表單使用<form>標(biāo)簽來設(shè)置,輸入標(biāo)簽<input>來輸入元素,輸入類型由類型屬性(type)來定義。同時,以下示例展示了<select>標(biāo)簽來定義下拉選項列表及<option>定義下拉列表中的選項;以<button>標(biāo)簽定義了一個點擊按鈕(“注冊”)。
圖3.2.1 <input>標(biāo)簽示例
圖3.2.2 <option>標(biāo)簽示例
結(jié)語
在使用html進行一個注冊表的編寫時,要注意表單的標(biāo)簽使用,<input>標(biāo)簽是最重要和基本的標(biāo)簽,定義類型必須包含在<input>標(biāo)簽之內(nèi)。由于示例是在表格中進行的表單編寫,格外注意表格中行列的標(biāo)簽<td><tr>。html布局時,可以加入顏色值。
實習(xí)編輯 | 王楠嵐
責(zé) 編 | 吳怡辰
where2go 團隊