表單控件：下拉框
表單控件 (Form Control)：下拉框(select)
下拉框(Select)既可以用做單選，也可以用做複選 。
單選例句如下：
<select name="fruit" >
<option value="apple ">蘋果
<option value="orange">桔子
<option value="mango">芒果
</select>
如果要變成複選，加muiltiple即可。用戶用Ctrl來實現多選。例句 ：
<select name="fruit" multiple>
用戶還可以用size屬性來改變下拉框 (Select)的大小
下拉框示例代碼
<html>
<head><title>選擇</title></head>
<body>
<form action = "http://www.blabla.cn/asdocs/html_tutorials/choose.asp" method = "post">
你最喜歡的水果是：<br>
<select name="fruit" size = "1" multiple>
<option value="apple">蘋果
<option value="orange">桔子
<option value="mango">芒果
</select>
<input type="submit" value="提交">
</form>
</body>
</html>
表單控件：多行輸入框
表單控件(F orm Control)：多行輸入框(textarea )
多行輸入框(textarea )主要用於輸入較長的文本信息
例句如下：
<textarea name="yoursuggest" cols ="50" rows = "3"></textarea >
其中cols表示textarea的寬度，rows表示textarea的高度 。
多行輸入框示例代碼
<html>
<head><title>請提寶貴意見</title></head>
<body>
<form action="http://www.blabla.cn/asdocs/html_tutorials/suggest.asp" method="get">
請提寶貴意見：<br>
<textarea name="yoursuggest" cols ="50" rows = "3"></textarea>
<br>
<input type="submit" value="提交">
</form>
</body>
</html>
表單控件：密碼輸入框
表單控件(Form Control)：密碼輸入框(input type="password")
密碼輸入框(input type=“passw ord ”)主要用於一些保密信息的輸入，比如密碼。因爲用戶輸入的時候，顯示的不是輸入的內容 ，而是黑點符號。
例句如下：
<input type="password" name="yourpw">
密碼輸入框示例代碼
<html>
<head><title>輸入用戶姓名和密碼 </title></head>
<body>
<form action="http://www.blabla.cn/asdocs/html_tutorials/userpw.asp" method="post">
請輸入你的姓名：
<input type="text" name="yourname"><br>
請輸入你的密碼：
<input type="password" name="yourpw"><br>
<input type="submit" value="提交">
</form>
</body>
</html>
表單控件：提交按鈕
表單控件(Form Control)：提交(input type="submit")
通過提交(input type =submit)可以將表單(Form)裏的信息提交給表單裏action所指向的文件。
例句如下 ：
<input type="submit" value="提交">
提交按鈕示例代碼
<html>
<head><title>輸入用戶姓名</title></head>
<body>
<form action="http://www.blabla.cn/asdocs/html_tutorials/yourname.asp" method="get">
請輸入你的姓名：
<input type="text" name="yourname">
<input type="submit" value="提交">
</form>
</body>
</html>
表單控件：圖片提交
表單控件(Form Control)：圖片提交(input type="image")
input type=image 相當於 input type=submit，不同的是，
input type=image 以一個圖片作爲表單的提交按鈕，其中 src 屬性表示圖片的路徑。
<input type="image" src ="http://www.blabla.cn/images/icons/go.gif" alt = "提交" NAME="imgsubmit">
圖片提交示例代碼
<html>
<head><title>輸入用戶姓名</title></head>
<body>
<form action="http://www.blabla.cn/asdocs/html_tutorials/yourname.asp" method="get">
請輸入你的姓名：
<input type="text" name="yourname"><br>
<input type="image" src ="http://www.blabla.cn/images/icons/go.gif"
alt = "提交" NAME="imagesubmit">
</form>
</body>
</html>