visual studio 11 express 各类控件

最新推荐文章于 2024-08-13 20:32:39 发布

CF西西

最新推荐文章于 2024-08-13 20:32:39 发布

阅读量673

点赞数

分类专栏： windows 8 文章标签： express class input action button div

本文链接：https://blog.csdn.net/xiaoguang44/article/details/7220259

版权

windows 8 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

1.单选框：

代码：

   <select size="2" id="scenarios" aria-labelledby="listLabel">
                        <option selected="selected" value="1">Branded Applications</option>
                    </select>

2.button组

代码：

<div class="item" id="scenario1Input">
						<p>The page below can be easily rebranded by changing the active style sheet, as shown in this SDK. The changes include restyling text, restyling backgrounds, and restyling controls.</p>
						<button class="action" id="defaultStyleButton">Web style</button>
						<button class="action" id="uiDarkButton">Dark style</button>
						<button class="action" id="uiLightButton">Light style</button>
						<button class="action" id="desertStyleButton">Desert style</button>
						<button class="action" id="oceanStyleButton">Ocean style</button>
						<br /><br />
					</div>

3.range Input输入框

代码：

<div class="styledElement caption" id="rangeCaption">How many people do you want to feed?</div>
<input class="styledElement" id="range1" type="range" min="0" max="10" />

4.checkbox button
代码：

<label class="styledElement checkboxTitle">
                    <input class="styledElement" type="checkbox" />
                    Onions
			    </label>

5. radio button

   <label class="styledElement checkboxTitle">
    			    <input name="fillings" class="styledElement" type="radio" />                
                    Beef
			    </label>

6.标准input控件的其他用法

 <div class="leftmost collection" id="textCollection">
			    <div class="styledElement caption" id="textCaption">Input your address: </div>
			    <input class="styledElement" type="text" />
			    <input class="styledElement" type="submit" />
			    <input class="styledElement" type="reset" />
		    </div>