為了賬號安全,請及時綁定郵箱和手機立即綁定

貓哥帶你去戰斗——Java Web開發——網頁篇[4]——表單

2016.12.23 16:50 4310瀏覽

之前所講的html標簽,都是些用來顯示的,而網頁是可以交互的,可以接受用戶的輸入,比如輸入用戶名、密碼。所謂表單,就是html提供給用戶輸入的部分,html通過表單把用戶輸入提交給服務器。
表單標簽為<form action="##"></form> ,其中##代表服務器地址,這個需要接觸到Servlet再講。標簽中間部分放用戶輸入的內容。
一般用戶輸入無非有以下這些:

<form action="">
<input type="text" value="這是一個文本輸入框"></input>
<br/>
<input type="radio" name="group1" value="單選1">這是一個單選按鈕,選我</input>
<input type="radio" name="group1" value="單選2">這是另一個單選按鈕,選我</input><br/>
<input type="submit" value="這是提交按鈕,點了之后表單內容就提交給服務器了"/>
<input type="button" value="這是一個按鈕"></input>
<input type="checkbox" value="復選框1">這是一個復選框</input>
</form>

在這里,還是要一一說明下,有一些細節還是要留意滴。
<input type="x1" name="x2" value="x3">x4<input>這樣一個標準格式中,
有x1、x2、x3、x4四個位置,x1最好理解,表示輸入標簽的類型,比如text是文本框,radio是單選按鈕;x2表示標簽的名字,服務器靠x2的內容來知道哪個標簽是誰。x3和x4要重點區分!以<input type="radio" name="sex" value="男">性別男</input>為例,“男”是value值,“性別男”是用戶看到的值,value值是網頁編寫者根據"sex"這個標簽名稱拿到的標簽的值,這兩個完全可以一樣,但是不一樣有不一樣的好處,最終到了服務器那一邊,只需要存儲男就行了,存“性別男”的話,不夠簡潔。嘮嘮叨叨這么多,其實真正的意思是,一個是給用戶看的x4,一個是程序員要用的x3。

剛剛x3、x4位置的區別,貓哥本人到現在也經常區分不開,不過完全沒什么妨礙。很多語言例如html、java、js等等,完全可以在寫的時候去試,不要死記硬背,試幾次,就記住了。去用就是最好的理解編碼的方式。

最后,還有一個重量級的交互標簽,那就是下拉列表,給個例子先:

<form action="">
<select name="province">
<option value="山東">山東省</option>
<option value="山西">山西省</option>
<option value="湖北">湖北省</option>
<option value="湖南">湖南省</option>
</select>
</form>

這個太容易<select>是列表標簽,然后它里面每個<option>是一個選項,value是選項的值,山東省那個位置是選項的顯示內容。
OVER,表單掌握這些,可以了。

點擊查看更多內容
18人點贊

若覺得本文不錯,就分享一下吧!

評論

相關文章推薦

正在加載中
意見反饋 幫助中心 APP下載
官方微信

舉報

0/150
提交
取消
lpl竞猜