html表單練習

<!DOCTYPE html>php

<html>html

<head>ide

<meta charset="utf-8">post

<title>biaodan</title>加密

</head>url

<body>spa

<!-- biaodan:form經常使用的有post,getorm

post:容量更大,信息加密htm

get: 傳遞信息是明文不加密,信息容量小 地址欄方式 url方式遊戲

action-->

<form method="post" action="./index.php">

<!-- 文本框 text

type:類型 是必須的

name:名字 是必須的

value:"值"真正傳過去的東西

placeholder:佔位,說明

label:自動獲取焦點-->

<label for="ni"></label><input id="ni" type="text" name="ni" value="" placeholder="請輸入暱稱"><br>

<!-- 密碼框 -->

<label for="pw"></label><input id="pw" type="password" name="pass" placeholder="輸入中英文混合密碼"><br>

<!-- 提交按鈕 -->

<!-- 一般狀況下,HTML 會裁掉文檔中的空格。假如你在文檔中連續輸入 10 個空格,那麼 HTML 會去掉其中的9個。若是使用 &nbsp;,就能夠在文檔中增長空格。

 -->

&#160;&#160;&#160;&#160;<input type="submit" name="" value="點我"></input>

<input type="reset" name="" value="重置"></input>

<!-- 單選按鈕

name 一組內的必定要同樣 -->

<input type="radio" name="sex" value="0">男<br>

<input type="radio" name="sex" value="1">女<br>

<input type="radio" name="sex" value="2">泰國人<br>

<!-- 多選按鈕 

type="checkbox"name很重要一組內必定同樣-->

<input type="checkbox" name="hobby" value="eat">吃<br>

<input type="checkbox" name="hobby" value="sleep">睡<br>

<input type="checkbox" name="hobby" value="play">玩<br>

<input type="checkbox" name="hobby" value="truvel">旅遊<br>

<input type="checkbox" name="hobby" value="game">遊戲<br>

<!-- 文本域 textarea

rows 行高

cols 列髙

文本域裏面value設置嘸傚-->

<textarea name="你" rows="10" cols="100" value"文本">

美好的事情即將發生

</textarea><br>

<!-- 下拉列表 -->

<select name="area">

<option value="1">請選擇地點</option>

<option value="2">河東</option>

<option value="3">河西</option>

<option value="4">南開</option>

</select>

</form>

<form method="get"></form>

</body>

</html>

表單是一個包含表單元素的區域。

表單元素是容許用戶在表單中(好比:文本域、下拉列表、單選框、複選框等等)輸入信息的元素。

表單使用表單標籤(<form>)定義

多數狀況下被用到的表單標籤是輸入標籤(<input>)。輸入類型是由類型屬性(type)定義的。

當用戶從若干給定的的選擇中選取其一時,就會用到單選框。

當用戶須要從若干給定的選擇中選取一個或若干選項時,就會用到複選框。

當用戶單擊確認按鈕時,表單的內容會被傳送到另外一個文件。表單的動做屬性定義了目的文件的文件名。由動做屬性定義的這個文件一般會對接收到的輸入數據進行相關的處理。

相關文章
相關標籤/搜索