① 怎麼用圖片代替表單提交按鈕
方法一:type為image圖片形式來製做提交按鈕
<formmethod="post"name="Form_2"action="http://提交地址">
<inputtype="text"name="title"/><br>
<p><inputtype="text"name="keyword"/></p>
<inputtype="image"src="添加.gif"nclick="javascript:document.forms['Form_2'].submit();/>
<inputtype="image"src="刪除.gif"onclick="javascript:document.forms['Form_2'].reset();returnfalse;"/>
</form>方法二:用樣式表形式來製做提交按鈕
<styletype="text/css">
<!--
#u{
background-color:#33FF33;
background-image:url(../image/submit.jpg);//定義背景圖片,
background-repeat:no-repeat;
}
#del{
background-color:#33FF33;
background-image:url(../image/del.jpg);//定義背景圖片,
background-repeat:no-repeat;
}
-->
</style>
</head>
<body>
<formmethod="post"name="Form_2"action="http://提交地址">
<inputtype="submit"name="u"id="u"value="添加"/>
<inputtype="reset"name="u"id="u"value="刪除"/>
</form>
</body>
</html>
② <input type="image">圖片按鈕怎麼做成有提交的功能
直接使用<input type="image">即可,此標簽放置在<form>標簽內就具有提交功能,如果不在<form>標簽內,則可以使用<input type="image" onClick = "formName.submit()">方式提交。
<input type="image">說明:
INPUT type=image 元素 | input type=image 對象
創建一個圖像控制項,該控制項單擊後將導致表單立即被提交。
注釋
x 坐標將以控制項名稱後加 .x 提交,y 坐標將以空間名稱後加 .y 提交。任何 value 屬性都將被忽略。src 屬性指定了 IMG 元素。
③ 網頁設計,怎麼在圖片中加入表單
設置background屬性即可。
a.把圖片設置為背景,即可在圖片上插入文本,使用 background-image屬性即可。
b.設置或檢索對象的背景圖像。當背景圖像與背景顏色( background-color
)都被設定了時,背景圖片將覆蓋於背景顏色之上。此屬性對於 currentStyle 對象而言是只讀的。對於其他對象而言是可讀寫的。對應的腳本特性為
backgroundImage 。
c.基本語法:
background-image : none | url ( url )
d.語法取值:
none : 默認值。無背景圖
url ( url ) : 使用絕對或相對 url 地址指定背景圖像設置好背景後,添加表單即可:
所有的表單都是在<form></form>中,這一對標記用來創建一個表單,也就是表單的開始位置和結束位置。
④ 怎麼在背景圖片里添加一個表單
1)打開Dreamweaver8軟體
2
1)打開或者新建一個HTml文檔
3
1)選擇菜單欄 上的「插入」
2)選擇「表單(F)」
3)在在彈出的級聯菜單中選擇「表單」 就可以插入表單了呵呵!!
⑤ 在HTML中怎樣設計一個圖片,當點擊的時候可以提交表單
<button onclick="document.forms[0].submit();"><img src="button.png" alt="submit" /></button>
⑥ 很多網站下面都有提交訂單,請高手指點怎麼設置如何添加到網站謝謝!【範例如下圖】
這個是利用HTML中的表單功能,在此以圖中為例示範一個代碼:
<!--表單文件名假如為:order.html-->
<divclass="order_form">
<formname="postOrder"method="post"action="">
<p>訂單提交</p>
*產品套餐:<inputtype="text"name="taocan"value=""/>
*訂購人姓名:<inputtype="text"name="name"value=""/>
*收貨地址:<inputtype="text"name="address"value=""/>
*手機:<inputtype="text"name="phone"value=""/>
付款方式:<inputtype="radio"name="payment_style"value="貨到付款"/><inputtype="radio"name="payment_style"value="驗貨滿意後再付款"/>
留言:<textareaname="message"></textarea>
<inputtype="submit"name="submit1"value="我填好了,立即提交訂單"/>
</form>
</div>
<!--說明:其中action=""是用來放處理這個表單提交的動態程序的地址的,具體用什麼語言寫要看你用什麼資料庫和伺服器了。-->
【打字不容易,記得給分!】
⑦ form里的input輸入框後面怎麼加圖片
注意,在form表單中添加照片可以用下面的方法:
注意表單提交圖片的時候是需要:抄enctype= "multipart/form-data",沒有這個沒有辦法提交的!
<form action="" method="" enctype= "multipart/form-data">
<input type="file" name="photo">
<input type="submit" value="提交">
</form>