表單

時間 2020-03-27

標籤表單欄目 HTML 简体版

原文原文鏈接

1. 表單

表單的做用是用來將用戶信息提交給服務器。好比：百度的搜索框，註冊，登錄這些操做都須要填寫表單。html

form 標籤

使用form建立的僅僅是一個空白的表單，咱們須要向form中添加不一樣的表單項。服務器

form 的action屬性

form標籤中必須指定一個action屬性，該屬性指向的是一一個服務器的地址。當咱們提交表單時將會提交到action屬性對應的地址。url

<form action="target.html"><form>

input 建立文本框

使用input來建立一個文本框spa

type 屬性爲text時：

它的type屬性能夠是text
若是但願表單項中的數據會提交到服務器中，就必須給表單項指定一個name屬性。name表示提交內容的名字。
用戶填寫的信息會附在url地址的後邊，以查詢字符串的形式發送給服務器
url地址？查詢字符串
格式：屬性名=屬性值&屬性名=屬性值&屬性名=屬性值
在文本框中也能夠指定value屬性值，該值將做爲文本框的默認值顯示

type 屬性爲password時：

type 屬性爲submit時：

在提交按鈕中能夠經過value屬性值來指定按鈕的文字code

<form>
    <input type="submit" value="註冊"/>
</form>

結果：
orm

舉例：htm

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="test.html">
    用戶名<input type="text"/ name="username">　<br/>
    密碼<input type="password" name="password"/><br/>
    <input type="submit" value="註冊"/>
</form>
</body>
</html>

結果：
blog