2016年7月20日 星期三

Html-基本認知(五)_資料格式標籤簡介

前幾篇有簡單介紹過頁面的設定
接下來是如何將資料傳送到後端的前置元件

<form></form>將在 form 內的參數送至目標服務器method = GET、POST
action = 服務端位置
<form method="post" action="main.jsp">
.
.
.
</form>
<textarea></textarea>文字區塊rows : 行數
cols : 列數
<textarea rows="20" cols="20">請輸入文字</textarea>
<select><option></option></select>下拉選單select : 選擇器
name : 元件名稱

option : 選項
value : 向後台提出的值
<select name="selected">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<input></input>輸入元件type : 輸入元件的型態
name : 輸入元件的名稱,用於後端辨別
value : 預設參數
placeholder : 文字框提醒文字
<input type="text" name="inputAcc" value=""></input>
hidden : 隱藏輸入元件
image : 圖像按鈕
number : 數字控制器
password : 密碼格式
radio : 單選按鈕
range : 左右滑動扭
reset : 重置按鈕
search : 搜索文字字段
submit :提交按鈕
text 文字。預設20字元
.
因為屬性很多,請上W3c 搜尋。

沒有留言:

張貼留言