在網頁設計中,表單是必不可少的元素之一。通常情況下,我們使用CSS來對表單進行樣式設計。但是,有時我們也需要在不使用CSS的情況下實現一些簡單的表單樣式調整。
比如,讓表單中的文字居中,這在一些簡單的網站中是經常需要的。那么,該如何實現呢?其實,方法很簡單,只需要在表單的HTML代碼中加入一些標簽即可。
<form> <label for="name">姓名:</label> <input type="text" id="name" name="name"> <br> <label for="age">年齡:</label> <input type="text" id="age" name="age"> <br> <label for="email">郵箱:</label> <input type="text" id="email" name="email"> </form>
以上是一個簡單的表單代碼,現在我們需要讓表單中的文字居中。改變文字對齊需要使用CSS中的text-align屬性,但是我們現在不用CSS,所以該怎么實現呢?
很簡單,只需要在label標簽中再包裹一個居中對齊的層級即可:
<form> <label for="name"><div style="text-align:center">姓名:</div></label> <input type="text" id="name" name="name"> <br> <label for="age"><div style="text-align:center">年齡:</div></label> <input type="text" id="age" name="age"> <br> <label for="email"><div style="text-align:center">郵箱:</div></label> <input type="text" id="email" name="email"> </form>
這樣,在表單中的文字就都變成居中對齊的了。這種方法雖然簡單,但在一些簡單頁面中是非常有用的。但需要注意的是,這種做法并不是WEB標準,使用CSS是更好的選擇。
上一篇下面關于css說法正確
下一篇mysql 行鎖關鍵字