免責聲明

Disclaimer (免責聲明)
繼續閱覽代表您接受以上的免責聲明.
To continue reading means you accept the above disclaimer.

2012年3月11日 星期日

html Form , text image alignment

[Q] How to place an image submit button for html form?
[Q] How to place a text label in html form?
[Q] How to make text vertically align with image at a proper position by CSS style?

[Q] 如何讓html form 的submit button 是一個圖形?
[Q] 如何在html form 裡放入label 描述的文字?
[Q] 如何用CSS 讓文字與圖形在垂直方向適當對齊?


[example]

http://pdfnote.blogspot.com/2012/03/demopdfviewer-download.html


<form action="url address" method="get" >
   <label for="pdf">Download demoPdfViewer for .NET</label>
  <input type="image" src="imag url address" height="60" width="60" border="0" alt="submit"    style="vertical-align: middle" />
</form>




[ref]
http://www.webdevelopersnotes.com/tips/html/using_an_image_as_a_submit_button.php3
http://www.w3schools.com/tags/tag_label.asp
http://www.loriswebs.com/html-tips/verticallyalignimages.html