HTML入門教學-第九單元-表單(form)

當你的網頁要提交數據到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