當你的網頁要提交數據到server,你便可以使用表單(form)。
今天,我們只會學習表單在HTML上的外觀。要實際提交數據,你還需要寫一些後台的東西,而那並不是今天主要討論的題目。
我們會使用<form>。在<form>內,我們會使用不同的Form Element,來表達我們的表單。
常見的Form Element包括<input>, <select>和<textarea>。
我們先看看<input>。透過使用屬性type配上不同的value,<input>可以有很多不同的功用:
<form>
Name: <input type=”text”><br>
Password: <input type=”password”><br>
Gender: <input type=”radio” name=”gender”>Male
<input type=”radio” name=”gender”>Female<br>
Name: <input type=”checkbox”><br>I agree<br>
Name: <input type=”hidden”><br>
<input type=”submit”>
</form>
select box也是常見的Form Element。在<select>中,我們會配上不同的<option>。
<select>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>
<textarea>也是常見的Form Element
<textarea>Some text…</textarea>
實際使用時,以上的Form Element通常也會配上name或value等屬性,讓後台分辨你提交的數據。
總結
HTML其實並不難學。但要充分理解及運用,也要時間去練習。以上的9個課程,已教授了你絕大部分你要知道的HTML編程知識。大家好好學習吧!
此文章轉載自鬍子科技學院http://mtache.com/html