表單
<form>標簽：表單
網頁表單中有許多可以輸入或選擇的組件，用戶可以在表單中填寫資訊，最終提交表單，可以客戶端資料提交至服務器，action是遞交的服務器地址 method是提交方法，有post和get，這里采用post方式<form action="網頁鏈接地址" method="post">內容<form/>
表單的文本部分
需要用到的標簽：
<label for="name值">內容</label> ，該標簽作用是點擊內容時跳轉至name值對應的文本框，
<input type="型別" id="userid" name="username" value="本標簽的默認值" size="20" readonly="readonly" placeholder="請輸入" disable="disable"/>其中type是型別，一般有text（單行文本框），id是該標簽的id， name和value是給服務器端遞交的資訊，name是可重復的，value是值 ，size是文本框的尺寸，<readonly="readonly">是讓文本框只讀，<placeholder="請輸入">是在無輸入時的提示資訊，<disable="disable">是禁用文本框，內容變為灰色不可用，
input基本語法
1.密碼框<input type="password" value="123456" sizr="number"/>當type是password時，單行文本框輸入將以黑色圓點形式顯示，value是初始密碼，size是密碼區的寬度，
2.單選框<input type="radio" value="男" checked="checked"/>當type是radio時，是單選選項，value是初始值，name須相同，<checked="checked">是默認選項，單選時必須填寫value值，
例如：
<form>
男：<input type="radio" value="男"checked="checked" name="1"/>
女：<input type="radio" value="女" name="1"/>
</form>
創建了一個單選，
3.多選框<input type="checkbox" value="默認值" name="復選框框名"/>當type為checkbox時是創建一個復選框，value是默認值，name須相同，name相同時為一組，才能構成多選，
<form>
游戲<input type="checkbox" value="游戲" name="hobit" id="game" />
編程<input type="checkbox" value="編程" name="hobit" id="program" />
學習<input type="checkbox" value="學習" name="hobit" id="study" />
</form>
4.檔案選擇框<input type="file" name="img"/ accept=".檔案后綴名,.檔案后綴名...">當type為file時，創建一個檔案選擇框，name是檔案選擇框的名，
5.下拉框<select name="名"><option></option></select>
創造一個下拉框，
<form>
<select>
<option>請選擇</option>
</select>
</form>
6.多行文本域<textarea cols="number" rows=""></textarea>
創造一個多行文本域，cols是列長度，rows是行長度，
7.<input type="reset" name="按鈕名稱" value="按鈕上顯示的資=字">`當type為reset時，創建一個重置按鈕，重置表單內容為默認值，
8.<input type="submit" value="按鈕上顯示的內容">當type為submit時，創建一個提交按鈕，value是按鈕上的顯示內容
9.<input type="button" value="按鈕">當type為button時，創建一個普通按鈕，只能被點擊觸發事件用，
行內框架
行內框架
<iframe src="初始界面的地址" name="行內框架的名稱，"width="寬度" height="高度" frameborder="行內框架的邊框厚度，"></iframe>
在你的頁面中內嵌一個網頁，src為初始顯示頁面的地址，name為你內嵌視窗的名稱，若要用內嵌視窗打開超鏈接可用：<a href="網頁地址"target="行內框架name值"></a>
作者聯系方式：
qq945677662
vxa2482466921
如有錯誤，請幫忙指正，大家一起交流哈
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/192560.html
標籤：AI
上一篇：Java入門----猜拳小游戲