.最普通最常用最一般的方法就是用submit type..
2.還有一種常用的方法是使用圖片代碼:
3.使用鏈接來提交表單,用到了javascript的DOM模型:
4.這種方法實際上是調用了一個javascript函數,使用javacript函數來提交表單,方法就非常多非常靈活了,比如可以把它加入到任意一個標簽的onclick事件中:
5.比如一個表單里的提交按鈕所指向的處理頁面不同,這樣由于表單在定義的時候就已經確定下表單數據的處理頁面,所以單純地在表單里放多個提交按鈕是沒有辦法達到目的的。這就需要javascript。 首先得定義一個函數:
6.通過javascript改變form的action屬性值,這樣就可以實現多提交按鈕而且功能不同了,頁面內代碼如下面的:
【IT科技之家-itkeji綜合 -文章版權聲明】
非特殊說明,本文版權歸 [ IT科技之家-itkeji綜合 ] 所有,轉載請注明出處.
更多文章請關注:itkeji綜合
TML常用標簽
主要包括 結構 、 表現 和 行為 三個方面。
標準說明結構用于對 網頁元素 進行整理和分類(HTML)表現用于設置網頁元素的 外觀樣式 (CSS)行為網頁模型的定義及 交互 的編寫(JavaScript)
如果將web標準比喻為一只鳥,則
雙標簽關系分為:
<!--head標簽包含title標簽-->
<head>
<title></title>
</head>
<!--head標簽與body標簽并列-->
<head></head>
<body></body>
標簽名定義<html></html>html標簽<head></head>文檔的頭部<title></title>文檔的標題<body></body>文檔的主體
<!DOCTYPE html> <!--文檔類型聲明標簽-->
<html lang="en"> <!--en:英語,zh-CN:中文-->
<head>
<!--字符集,UTF-8為萬國碼,統一使用-->
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
一個標題獨占一行。(塊級元素)
<h1>
一級標題(字號最大)
</h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6>
六級標題(字號最小)
</h6>
用于將HTML文檔分割為若干段落。
特點:
<p>
這是一個段落
</p>
用于強制換行。
特點:
<br>這是換行標簽
語義標簽加粗<strong></strong>傾斜<em></em>刪除線<del></del>下劃線<ins></ins>
用于界面布局。
特點:
<div>
這是大盒子
</div>
<span>這是小盒子</span>
用于定義頁面中的圖像。
<!--屬性與屬性之間用空格分開-->
<img src="圖像的url" alt="" title="">
屬性說明src圖片路徑( 必須屬性 )alt圖像不能顯示時的替換文本title鼠標放到圖像上顯示的提示文本width設置圖像的寬度height設置圖像的高度border設置圖像的邊框粗細(在CSS中修改)
注:圖像的寬和高一般只修改其中一個,另一個會隨之調整。
相對路徑分類符號說明同一級src="文件名"下一級/src="同一級文件夾名稱/文件名"上一級../src="../文件名"
注意:絕對路徑用“\”分隔,相對路徑用“/”分隔。
<a href="跳轉目標" target="目標窗口的彈出方式">文本或圖像</a>
屬性作用href鏈接目標的url( 必須屬性 )target鏈接頁面的打方式。_self:在當前窗口打開(默認值),_blank:在新窗口打開
<!--這是一行注釋-->
特殊字符描述字符的代碼空格符<小于號<>大于號>&和號&¥人民幣¥?版權©?注冊商標®°攝氏度°±正負號±?乘號×?除號÷2平方²3立方³
注:重點記住前三個。
大家平時學習web前端的時候肯定會遇到很多問題,小編我為大家準備了web前端學習資料,將這些免費分享給大家!如果想要的可以找我領取
領取方式:
如果想獲取這些學習資料,先關注我然后私信小編“01”即可免費領?。。ㄋ叫欧椒ǎ狐c擊我頭像進我主頁右上面有個私信按鈕)
如果這篇文章對你有幫助,請記得給我來個評論+轉發噢
TML是超文本標記語言。
web標準是由W3C和其它標準化組織制成集合。
結構(對網頁元素進行整理和分類-HTML)
表現(設置網頁元素的版式,顏色,大小等外觀樣式-CSS)
行為(模型的定義及交互的表現-JS)
加粗:<strong>和<b>
傾斜:<em>和<i>
刪除線:<del>和<s>
下劃線:<ins>和<u>
<div>分割分區<span>跨度跨距
圖片標簽<img/>
屬性: src圖片路徑
alt替換文本,圖片無法正常顯示
title提示文本,鼠標放到圖像顯示
width寬度,height高度(只需要修改其中一個)
border邊框(無需單位直接寫數值)
注意:
①圖像標簽可以擁有多個屬性,必須寫在標簽名后面
②屬性之前不分先后順序,標簽名與屬性,屬性與屬性之間需要空格分開
③屬性采取鍵值對的格式
相對路徑:以引用文件所在位置為參考基礎
(同一級路徑,下一級路徑/,上一級路徑../)
絕對路徑:從盤符開始的路徑(\)
常用屬性
img ——vspace垂直邊距 ,hspace水平邊距 align對齊
details,summary,鼠標點擊時顯示或隱藏
mark 文本中高亮顯示,和strong相似
cite 用于引用標記,斜體顯示
draggable true選中后可以拖動操作
font定義 font-style font-weight font-size/line-height font-family 順序不能改變
word-wrap break-word長單詞或url地址自動換行
letter-spacing字間距
word-spacing單詞間距
line-height行間距
text-decorantion文本裝飾unline下劃線,overline上劃線,line-through刪除線
text-indent 2em 首行縮進兩個字符
white-space空白符處理 pre
box-sizing:content-box當widthh和height的時候不包括margin和panding
更換圖層位置,z軸偏移z-index:-10
align-items:center居中對齊
align-self:center
超鏈接標簽<a>
href鏈接目標地址
target鏈接頁面打開的方式(_self當前窗口打開,_blank新窗口中打開方式)
外部鏈接,內部鏈接,空鏈接,下載鏈接,網頁元素鏈接,錨點鏈接(快速定位到頁面的某個位置- 添加id屬性)
去除超鏈接樣式:text-decoration:none
特殊字符
空格符
小于號< 大于號>
表格標簽
align對齊方式
bolder表格邊框
cellpadding單元格與內容之間空白
cellspacing單元格與單元格之前空白
合并單元格:rowspan colspan
列表標簽
無序列表:ul li
有序列表:ol li
自定義列表:dl dt dd
表單標簽
完整表單:表單域<form>,表單控件,提示信息
<form>
——action(指定接受并處理表單數據的服務器程序的url地址)
——method(get/post設置表單數據的提交方式)
——name(指定表單名稱)
<input>輸入元素
type屬性:button(點擊按鈕)checkbox(復選框)file(輸入字段和“瀏覽”按鈕)hidden(隱藏輸入字段)image(圖片形式提交按鈕)password(密碼字段)radio(單選按鈕)reset(重置按鈕)sumbit(提交按鈕)text(單行輸入字段,默認20個字符)
name屬性:(相同的名字——單選框和復選框)區別不同表單元素
value屬性:定義input元素值
checked屬性:頁面首次加載是否選中
maxlength屬性:輸入字段的最大值
<lable>標簽
用于綁定一個表單元素,當點擊<lable>標簽內的文本時,瀏覽器會自動將焦點轉到或者選擇對應的表單元素上,用來增加用戶體驗。
<lable>標簽的for屬性與相關元素的id屬性相同
<select>下拉列表元素
-<option>
-selected="selected"默認選中
<textarea>文本域
-cols rows (每行每列字數)
*請認真填寫需求信息,我們會在24小時內與您取得聯系。