from标签,label标签
生活随笔
收集整理的這篇文章主要介紹了
from标签,label标签
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
from標簽,label標簽
- 一、from標簽
- 1.簡介
- 2.語法
- 3.案例
- 二、label標簽
- 1.簡介
- 2.語法
- 3.案例
一、from標簽
1.簡介
常常我們使用在一個網頁中數據提交標簽,比如我們留言板、評論等可以填寫數據,提交處理地方都需要表單標簽,而form表單標簽內放輸入框input、單選、多選、select下拉列表、提交按鈕等標簽內容。
2.語法
<form action="" method="get"> </form> 或 <form action="" method="post"> </form>Method的值為get時,是通過URL傳遞參數,這個時候我們通過網址URL能看見自己填寫的內容。Method的值為post時,是通過類似緩存傳遞參數,URL是不能看到form表單填寫的內容。對于html 表單form標簽,有了form表單及提交方式(get post),才能將數據進行傳輸給程序處理,否則程序不能接收到將要處理的數據。3.案例
<!DOCTYPE html> <html> <head> <title>html form表單實例</title> </head> <body> <form action="" method="get"> <input name="" type="text" size="30" /> <input name="" type="submit" value="提交" /> </form> </body> </html>二、label標簽
1.簡介
在表單布局中會遇到label標簽的使用,label沒有任何樣式效果,有觸發對應表單控件功能。
比如我們點擊單選按鈕或多選框前文字對應選項就能被選中,這個就是對文字加了label標簽實現。
2.語法
<label for="man">男</label>Label標簽內文字更加需要填寫Label標簽內for屬性的值為自定義,一般與想實現點擊會觸發控件對象的ID對應相同。3.案例
<!DOCTYPE html> <html> <head> <title>html label實例</title> </head> <body> <form action="" method="get"> 性別:<br/> <input name="sex" id="man" type="radio" value=""/> <label for="man">男</label> <input name="sex" id="woman" type="radio" value=""/> <label for="woman">女</label> </form> </body> </html>注意查看,input標簽內id的值與label標簽內for的值對應。總結
以上是生活随笔為你收集整理的from标签,label标签的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: html table 合并单元格 分页,
- 下一篇: 极路由系列 刷机方法