HTML-Form
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML-From</title> <!--文檔標題信息 -->
</head>
<body> <!-- 網頁主體 -->
<form action="" method="post"><!-- 輸入文本框，size表示顯示長短 maxlength表示最多輸入長度 -->編 ??號<input type="text" name="userid" value="No." size="2" maxlength="2"><br><!-- 輸入文本框，通過value指定其顯示的默認值 -->用戶名<input type="text" name="usename" value="請輸入用戶名"><br><!-- 密碼框，其中輸入的內容都以密文的形式顯示 -->密??碼<input type="password" name="userpass" value="請輸入密碼"><br><!-- 單選按鈕，通過checked默認指定選中，名稱必須一樣，其中value為真正需要的內容 --><input type="radio" name="sex" value="男" checked="checked">男<input type="radio" name="sex" value="女" > 女 <br><!-- 下拉列表框，通過option指定下拉選項 -->部??門 <select name="dept"><option value="技術部">技術部</option><option value="銷售部" selected="selected">銷售部</option><option value="財務部">財務部</option></select> <br><!-- 復選框，可以同時選擇多個選項，名稱必須一樣，其中value為真正需要的內容 -->興??趣<input type="checkbox" name="inst" value="唱歌" checked="checked">唱歌<input type="checkbox" name="inst" value="游泳">游泳<input type="checkbox" name="inst" value="跳舞">跳舞 <!-- 大文本輸入框，寬度30列，高度3行 --><textarea name="note" rows="3" cols="30">Hello World!!!!!</textarea><!-- 提交表單和重置表單，當選擇重置后，所有表單恢復原始顯示內容 --><input type="submit" value="提交"><input type="reset" value="重置">
</form>
</body>
</html>
? ? ??
? ? ??
PS:
<form action="" method="post"></form>:所有的表單必須使用<form>元素進行聲明，其中action為表單提交信息路徑
<input type="radio" name="sex" value="男" checked="checked">：單選按鈕，其內容只能選擇一個，要想完成單選功能，每組單選表單控件的名稱必須保持一直，其中value為以后真正要提交處理的內容，如果希望某一個選項被默認選中，可以使用checked屬性表示。
?
<select>:下拉列表框，其內容全部用<option>進行設置，如果希望某一個選項被默認選中，可以使用select選中
<input type="checkbox" name="inst" value="唱歌">:復選框，復選框的內容可以選中多個，但要求每組復選框的名稱必須保持一致，可以通過checked屬性指定默認選中
<input type="submit" value="注冊">:提交按鈕，當用戶輸入完數據后，通過此按鈕可以直接將表單數據提交到<form>元素action屬性指定的頁面
<input type="reset" value="重置">:重置按鈕，將表單的內容恢復為默認顯示
轉載于:https://www.cnblogs.com/zhanghengstdu/p/6618767.html
總結
- 上一篇： 使用JSON JavaScriptSer
- 下一篇： 前端学习笔记2017.6.21-引入JS