在交互式網頁中,復選框是一個主要的功能,若何用Visual Studio在網頁中插入復選框呢?筆者與大師分享一下操作經驗。
用Visual Studio打開一個已有的網頁,本例為TwoFish網站中的Default.aspx網頁。
找到body標簽下的div標簽,如下圖所示。
起首,在div標簽下,輸入節制復選框格局的代碼。
此中,height為整個復選框的高度,width為整個復選框包羅文本的寬度。
復選框離網頁頂部的襯距為25像素,離左側的距離為125像素,離右側的距離設置為主動。
接著,界說復選框的顏色格局,位置以左側為基準浮動,顏色為藍色。
然后,界說復選框,復選框的類型是checkbox,名稱為select。
最后,設置復選框的文本格局,代碼如下圖所示。
文本的字體巨細,設置為20號。
文本的字體顏色為藍色,代碼如下圖。
復選框的文本內容為選中,代碼寫在font標簽內。
在瀏覽器中瀏覽網頁,可以看到在頁面中添加了一個復選框,單擊可以選中它。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!