使用div做輸入框標題

javascript html css html5

rr8r8r8r8tw 2017-02-24 10:10:02 ‧ 7283 瀏覽

分享至

請問是否能純用div
達成UserName這個標題出現在輸入框的左邊呢?
還是說用form表單比較方便?

		<div id="main">
		<div>UserName</div>
	    <div style="margin-bottom:10px">	
		    <input id="UserName" type="text" style="width:100%;height:40px;padding:12px"></div>		
		<div>PassWord</div>
        <div style="margin-bottom:20px">
            <input id="PassWord"  type="password" style="width:100%;height:40px;padding:12px"></div>
		<div>
             <a href="#" style="padding:5px 0px;width:100%;" onClick="DemoLoginButton()">
                 <span style="font-size:14px;">Login</span>
             </a>
        </div>
	  </div>

fillano iT邦超人 1 級 ‧ 2017-02-24 10:39:02 檢舉

可以，但是你要改display。div預設的display是block，他會佔滿整行的寬度。你要用它來擺標題的話，需要把它改成inline-block。

rr8r8r8r8tw iT邦新手 5 級 ‧ 2017-02-24 12:03:46 檢舉

了解，謝謝您

登入發表討論

熱門推薦

{{ item.channelVendor }} | {{ item.webinarstarted }} |

直播中

1 個回答

pjchender

iT邦新手 3 級 ‧ 2017-03-03 09:42:34

最佳解答

加上 inline-block 就可以了，像這樣：

<style>
    #main div{
        display: inline-block;
    }
</style>

回應
分享
檢舉

登入發表回應

我要發表回答

立即登入回答

使用div做輸入框標題

1 個回答

我要發表回答

標記使用者