文章出處

程序和用戶進行一個交戶,也可以說是用戶寫的內容提交給程序

< form action="寫網頁的地址" method="get"或"post"></form>

action是指向,把數據交給那個頁面,如果使用get,從瀏覽器能看到傳的內容,如果method="post",則從瀏覽器看不到傳的內容,是隱視的,get有長度限制,不能太長,post沒有長度限制,一般都用post

表單元素,一般分為這幾大類,內容是寫在<form></form>里面的

 1、<input type="text" name="給表單起個名字" value="hello"/>

這是個單標簽元素,value是直,運行后頁面會出現一個文本框,文本框內會出現 hello  

2、<input type="password" name="名字" value="寫內容"/> 

和上面的差不多,運行后頁面會出現一個密碼框,輸入的內容則會變成星號

3、<input type="hidden" name="起個名字" value="寫內容"/> 

這是個隱藏域,如果有條重要的數據,又不想讓用戶看到,可以使用隱藏域

4、< textarea name="起個名字">內容</textarea>

這是一個雙標簽元素,一個文本域

按鈕類

1、<input type="button" value="設置按鈕名稱"/>

就是一個普通按鈕

2、<input type="submit" value="提交"/>

是一個提交按鈕,跳轉頁面提交數據的

3、<input type="reset" value="重置"/>

重置按鈕,輸入內容后,點重置可以回歸原來的樣子

4、<input type="image" src="圖片路徑"/>

圖片提交按鈕

5、<input type="radio" name="sex" value="男"/>男

     <input type="radio" name="sew" value="女"/>女

這是兩個單選按鈕,value是提交的值,制作出來就是選男或是女的按鈕

6、多選按鈕,舉個例子

<input type="checkbox" name="aihao" value="玩"/>玩

<input type="checkbox" name="aihao" value="看書"/>看書

復選框,可以玩和看書兩個都選

下拉列表,舉個例子

<select name="m2">

       <option>漢族</option>

       <option>回族</option>

        <option>維吾爾族</ope>

</select>

option也可以加屬性"value"

例<option value="001">

提交時,網址會顯示value,當沒有value時,才會顯示內容

<input type="file" name="file"/>

這個可以選擇文件,上傳文件到服務器

所有表單都可以寫name屬性

除了按鈕類,其他的必須要寫name屬性

按鈕必須要寫value屬性

還有其他屬性

readonly="readonly"

只能讀,只能看,運行后,用戶只能看到,表單內不能輸入內容

disabled="disabled"

不可用表格,運行后,變灰色,提交不了

hidden="hidden"

隱藏的

checked="checked"做選中

用于單選復選里面

selected="selected"

用于下拉列表,用來做選中


文章列表


不含病毒。www.avast.com
文章標籤
全站熱搜
創作者介紹
創作者 大師兄 的頭像
大師兄

IT工程師數位筆記本

大師兄 發表在 痞客邦 留言(0) 人氣(0)