標籤
1;
2;
下拉項
下拉列表
3;文字域
css樣式:
resize:none
去除文字域的拉動效果
border:none
outline:none
2.form標籤屬性
action
:使用者提交的資料提交到的位置[指定的頁面]
method
:使用者的提交方式
method的值: post:傳輸的資料量更大更安全
get:繁殖傳輸的資料量更小
input標籤的type
屬性
text
:文字框
submit
:提交按鈕
reset
:重置按鈕
password
密碼框
radio
:單選按鈕
checkbox
:多選按鈕
file
:本地檔案上傳
input的其他屬性
name
名稱
value
:預設值
readonly
:制度
disabled
:禁用
checked
:預設選中 單選/多選
selected
:下拉項預設選中
placeholder
:顯示輸入消失
例子:
>
>
>
title
>
charset
="utf-8"
/>
head
>
>
>
form 表單h1
>
action="
" method
="post"
>
>
註冊h2
>
使用者名稱:type
="text"
name
="username"
value
="西楠"
readonly
/>
/>
/>
密 碼:type
="password"
name
="username"
/>
/>
/>
性別:type
="radio"
name
="***"
value
="0"
/>
男 type
="radio"
name
="***"
value
="1"
/>
女 type
="radio"
name
="***"
checked
value
="2"
/>
妖/>
/>
愛好:type
="checkbox"
name
="hobby"
checked
value
="0"
/>
吃 type
="checkbox"
name
="hobby"
checked
value
="1"
/>
睡成豬type
="checkbox"
name
="hobby"
value
="2"
/>
lol/>
/>
大頭貼:type
="file"
name
="pic"
/>
/>
/>
國家:name
="address"
>
value
="0"
>
chinaoption
>
>
americanoption
>
>
japanoption
>
select
>
/>
/>
地區:type
="text"
name
="address1"
list
="mylist"
/>
"mylist"
>
value
="山西"
>
山西option
>
value
="洪洞"
>
洪洞option
>
value
="河南"
>
河南option
>
value
="南陽"
>
南陽option
>
datalist
>
/>
/>
個性簽名:rows
="5"
cols
="40"
>
真好看textarea
>
type
="submit"
value
="登入"
/>
type
="reset"
value
="取消"
/>
form
>
body
>
html
>
html form表單實現註冊頁面
瀏覽器向伺服器提交資料的兩種方式 form表單,ajax,form表單是將資料統一打包傳送給server,而ajax是填寫一條資料就傳送一次,做一次驗證 get和post方法的區別 get方法就是把客戶端的請求內容放在url後面會顯示出來,然後打包給服務端 1.提交的鍵值對,放在位址列中url後面 ...
非常詳細的html form表單詳解
表單用於收集不同型別的使用者輸入資料,將使用者輸入資料提交給web伺服器,表單使用http協議提交資料 name屬性 設定表單元素的名稱,該名稱是提交資料時的引數名 value屬性 設定表單元素的值,該值是提交資料時引數名所對應的值 textarea標籤 表示表單元素的多行文字輸入框標籤 定義多行文...
HTML form表單域的作用和三個常用屬性
我們收集到的使用者資訊怎麼傳輸給後台伺服器,form表單域可以幫我們做到。form標籤被定義於表單域,相當於乙個大的容器,包含在form表單域中的內容都會提交給伺服器。url位址 method 提交方式 name 表單名稱 各種表單控制項 table tr td等 form 只要是在form表單域中...