HTML表單用于用戶向服務器端提交表單數據，用法為<form>提交的表單數據區域</form>。用form標簽包裹著表單控件，如input, button, submit,select, label等標簽。當用戶輸入完數據，按button或者submit提交按鈕提交后，表單里的數據會發送給服務器端，具體地址是form的action屬性值，提交的方式采用form中method規定的方式，如get或者post。不同的表單控件用法請參考MDN.
例子
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<title>form</title>
</head>
<body>
<form id="user-register" action = "user-register.php" method="get">
<div class="name">
<label for="user-name">姓名：</label>
<input type="text" id="user-name" name = "name" placeholder="用戶名">
</div>
<div class="password">
<label for="password">密碼：</label>
<input type="password" id="password" name = "password">
</div>
<div class="sex">
<label for="sex">性別：</label>
<input type="radio" id="sex" name = "sex" value="male" checked> 男
<input type="radio" name = "sex" value="female"> 女
</div>
<div class="sex-prefer">
<label for="sex-prefer">取向：</label>
<input type="radio" id="sex-prefer" name = "sex-prefer" value="male"> 男
<input type="radio" name = "sex-prefer" value="female"> 女
</div>
<div class="hobby">
<label>愛好：</label>
<input type="checkbox" id="hobby" name="hobby" value="dota"> dota
<input type="checkbox" id="hobby" name="hobby" value="travel"> 旅游
<input type="checkbox" id="hobby" name="hobby" value="pet"> 寵物
</div>
<div class="comments">
<label for="comments">評論：</label>
<textarea name="comments" id="comments" cols="30" rows="6">輸入評論：
</textarea>
</div>
<div>
<label id="mycars">我的cars：</label>
<select name="cars" id="mycars">
<option value="sabo">薩博</option>
<option value="polo">大眾polo</option>
<option value="focus">福克斯</option>
</select>
</div>
<button>提交</button>
<!--<
input type = "submit" value = "提交">
-->
</form>
</body>
</html>
效果圖：
form-dome.JPG
