入門任務5提交(form表單)

提問.jpg

<ol>
<li>form表單有什么作用?有哪些常用的input 標簽,分別有什么作用?</li>
<li>post 和 get 方式的區別?</li>
<li>在input里,name 有什么作用?</li>
<li>radio 如何 分組?</li>
<li>placeholder 屬性有什么作用?</li>
<li>type=hidden隱藏域有什么作用? 舉例說明</li>
<li>寫一篇博客簡單介紹 HTML 表單的用法,附上博客鏈接</li>
<li>實現如下形式的網頁


Paste_Image.png

</li>
</ol>

回答_meitu_1.jpg

<ol>
<li>
1、HTML 表單用于搜集不同類型的用戶輸入。
2、
(1)<input type="text"> 定義用于文本輸入的單行輸入字段:
<input type="text" name="firstname">
(2)<input type="radio"> 定義單選按鈕:

<input type="radio" name="sex" value="male" checked>Male
<input type="radio" name="sex" value="female">Female;

(3)<input type="checkout"> 定義復選按鈕
(4)<input type="submit"> 定義用于向表單處理程序(form-handler)提交表單的按鈕。
表單處理程序通常是包含用來處理輸入數據的腳本的服務器頁面。表單處理程序在表單的 action 屬性中指定:
<input type="submit" value="Submit">
(5)action 屬性定義在提交表單時執行的動作。向服務器提交表單的通常做法是使用提交按鈕。通常,表單會被提交到 web 服務器上的網頁。在上面的例子中,指定了某個服務器腳本來處理被提交表單;
<form action="action_page.php">
如果省略 action 屬性,則 action 會被設置為當前頁面。
(6)method 屬性規定在提交表單時所用的 HTTP 方法(GET 或 POST(安全)):
<form action="action_page.php" method="GET">
</li>
<li>一般post用于提交一大段數據,get則用于提交小段數據,且get內容可以在請求的url中看到,post則看不見,所以從安全角度來講還應該使用post</li>
<li>name的作用是提交數據的索引-附記:radio中的name必須是相同的,否則無法勾選</li>
<li>舉例

<input type="radio" name="sex" value="male" checked>Male
<input type="radio" name="sex" value="female">Female;

</li>
<li>

holder.png
</li>
<li>隱藏域在頁面中,用戶是不可見的,在表單中插入隱藏域的目的在于收集或發送信息,以利于被處理表單的程序所使用。瀏覽者單擊發送按鈕發送表單的時候,隱藏域的信息也被一起發送到服務器,從后臺給用戶隱藏域中value添加值,就可以識別用戶,提高安全性。</li>
<li>http://www.lxweimin.com/p/687d549deb01</li>
<li>http://js.jirengu.com/titugeyebi/2/edit </li>
</ol>

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 1.form表單有什么作用?有哪些常用的input 標簽,分別有什么作用? 2.post 和 get 方式的區別?...
    Eden_45f8閱讀 516評論 0 0
  • 1.form表單有什么作用?有哪些常用的input 標簽,分別有什么作用? HTML 表單用于接收不同類型的用戶輸...
    大胡子歌歌閱讀 924評論 0 1
  • 一.form表單有什么作用?有哪些常用的input 標簽,分別有什么作用? form表單用于收集用戶輸入,將收集到...
    Sunset125閱讀 404評論 0 0
  • <input>標簽 標簽用于搜集用戶信息,根據不同的type屬性值,輸入字段擁有很多種形式。輸入字段可以是文本字段...
    _空空閱讀 4,078評論 0 3
  • 1.動手 form 表單table 表格 2. <form>表單元素 1) 簡述: 元素是塊級元素,其開始標簽和結...
    _Dot912閱讀 2,057評論 2 8