首頁 > web前端 > html教學 > html基礎之from表單的實例教程

html基礎之from表單的實例教程

零下一度
發布: 2017-06-24 13:09:37
原創
1929 人瀏覽過

一、form表單

     表單提交:
     

太安全)與 post(安全)

   文字方塊:
        

         size=(輸入框中顯示可見的字元也就是最多能看見幾個字符)
                value=(文字方塊中預設內容)   〠                                       maxlength= (文字方塊中最多可輸入多少個字元) text=(明文顯示)

      密碼框:                         


   單選:

               注意:單選時只有兩個名稱相同的時候才會單選其中一個時候才會被單選。

                                            中之後選取                              物件值:checkbox=(複選)
              低   似乎); input type="checkbox" name="">

    上傳按鈕:                          gt;


   重置                                              中下     屬性值中:reste=(重設)

 提交                                   屬性值:submit=(上)

type="submit" value="提交">

   普通按鈕(自訂按鈕)                       屬性值: button=(普通按鈕,自訂按鈕) value ="按鈕">

   影像按鈕                                 屬性中之後()中)()() );圖片路徑">


#  文本域:                                                         rows=(高)


  下拉列錶框:

           







#########################################################################################################如果#程式碼(大家可能也發現只有下拉框不一樣,剩下的只是type後面值不一樣,但是我為啥還寫單選框。當然他特殊了。 ###看到name後邊的值沒有要做到多個單選框只能選一個            ############個,當他們幾個複選框之間要做到name後面的值要一樣,後面的數值是隨便起的。 ###你一​​定也看到上面後邊跟的屬性了,你可以試試他們的效果,自己試試記憶深刻)#########
<html>
     <head>
	<title>表单</title>
     </head>
     <body>

  	<form>
		<input type="text">
		<input type="radio" name="sex">男<input type="radio" name="sex">女
		<select>                        
        		<option>下拉1</option>
			<option>下拉2</option>
			<option>下拉3</option>
			<option>下拉4</option>
      		</select>

	</form>
                   

     </body>
</html>
登入後複製
###

效果

#這html起始已經差不多了,以後如果想起來了,在補寫,明天開始各種css樣式讓你的頁面漂亮起來。

以上是html基礎之from表單的實例教程的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板