怎么提交 checkbox 表单_8. html form表单
生活随笔
收集整理的這篇文章主要介紹了
怎么提交 checkbox 表单_8. html form表单
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
“
<html>
?<head>?
??<title>title>?
?head>?
?<body>?
??<form?action="http://www..."?method="get">?
???<p>?<label>姓名：label><input?type="text"?name="username"?/>?p>?
???<p>?<label>密碼：label><input?type="password"?name="password"?/>?p>?
???<p>?<label>性別：label>?<input?type="radio"?name="gender"?value="0"?/>?男?<input?type="radio"?name="gender"?value="1"?/>?女?p>?
???<p>?<label>愛好：label>?<input?type="checkbox"?name="like"?value="sing"?/>?唱歌?<input?type="checkbox"?name="like"?value="run"?/>?跑步?<input?type="checkbox"?name="like"?value="swiming"?/>?游泳?p>?
???<p>?<label>照片：label>?<input?type="file"?name="person_pic"?/>?p>?
???<p>?<label>個人描述：label>?<textarea?name="about">textarea>?p>?
???<p>?<label>籍貫：label>?<select?name="site">?<option?value="0">北京option>?<option?value="1">上海option>?<option?value="2">廣州option>?<option?value="3">深圳option>?select>?p>?
???<p>?<input?type="submit"?name=""?value="提交"?/>?
?????<input?type="reset"?name=""?value="重置"?/>?p>?
??form>??
?body>
html>
僅供學習，轉載請注明出處
”form表單
表單用于搜集不同類型的用戶輸入，表單由不同類型的標簽組成，相關標簽及屬性用法如下：
- 1、標簽 定義整體的表單區域
- action屬性 定義表單數據提交地址
- method屬性 定義表單提交的方式，一般有“get”方式和“post”方式
- 2、標簽 為表單元素定義文字標注
3、標簽 定義通用的表單元素
type屬性
- type="text" 定義單行文本輸入框
- type="password" 定義密碼輸入框
- type="radio" 定義單選框
- type="checkbox" 定義復選框
- type="file" 定義上傳文件
- type="submit" 定義提交按鈕
- type="reset" 定義重置按鈕
- type="button" 定義一個普通按鈕
- type="image" 定義圖片作為提交按鈕，用src屬性定義圖片地址
- type="hidden" 定義一個隱藏的表單域，用來存儲值
value屬性 定義表單元素的值
name屬性 定義表單元素的名稱，此名稱是提交數據時的鍵名
- 4、標簽 定義多行文本輸入框
- 5、標簽 定義下拉表單元素
- 6、標簽 與 標簽配合，定義下拉表單元素中的選項
注冊表單實例：
html><html>
?<head>?
??<title>title>?
?head>?
?<body>?
??<form?action="http://www..."?method="get">?
???<p>?<label>姓名：label><input?type="text"?name="username"?/>?p>?
???<p>?<label>密碼：label><input?type="password"?name="password"?/>?p>?
???<p>?<label>性別：label>?<input?type="radio"?name="gender"?value="0"?/>?男?<input?type="radio"?name="gender"?value="1"?/>?女?p>?
???<p>?<label>愛好：label>?<input?type="checkbox"?name="like"?value="sing"?/>?唱歌?<input?type="checkbox"?name="like"?value="run"?/>?跑步?<input?type="checkbox"?name="like"?value="swiming"?/>?游泳?p>?
???<p>?<label>照片：label>?<input?type="file"?name="person_pic"?/>?p>?
???<p>?<label>個人描述：label>?<textarea?name="about">textarea>?p>?
???<p>?<label>籍貫：label>?<select?name="site">?<option?value="0">北京option>?<option?value="1">上海option>?<option?value="2">廣州option>?<option?value="3">深圳option>?select>?p>?
???<p>?<input?type="submit"?name=""?value="提交"?/>?
?????<input?type="reset"?name=""?value="重置"?/>?p>?
??form>??
?body>
html>
瀏覽器展示如下：
總結
以上是生活随笔為你收集整理的怎么提交 checkbox 表单_8. html form表单的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 续航超1000公里！蔚来ET5亮相：4.
- 下一篇： word2013插入excel对象报错_