vs文本框控件 vs2015中文旗舰版设计带标签文本框的详细步骤

大家知道vs2015中文旗舰版中怎么设计带标签文本框吗?下文小编就带来vs2015中文旗舰版设计带标签文本框的详细步骤,一起来看看吧!
vs2015中文旗舰版设计带标签文本框的详细步骤

vs文本框控件 vs2015中文旗舰版设计带标签文本框的详细步骤

文章插图
我们先打开vs2015中文旗舰版,然后打开一个已有的网页,本例为join.aspx 。
vs文本框控件 vs2015中文旗舰版设计带标签文本框的详细步骤

文章插图
再用div标签在网页中插入一个输入文本框的格式布局 。
vs文本框控件 vs2015中文旗舰版设计带标签文本框的详细步骤

文章插图
接着设置输入文本框的高度为33像素,宽度为260像素 。
vs文本框控件 vs2015中文旗舰版设计带标签文本框的详细步骤

文章插图
再输入文本框离顶部的衬距为30像素,用padding-top表示 。
vs文本框控件 vs2015中文旗舰版设计带标签文本框的详细步骤

文章插图
这时我们设置输入文本框离顶部、左侧和右侧的距离为auto,即距离为自动 。
vs文本框控件 vs2015中文旗舰版设计带标签文本框的详细步骤

文章插图
接下来我们用input标签,在网页中插入带标签的输入文本框 。
vs文本框控件 vs2015中文旗舰版设计带标签文本框的详细步骤

文章插图
再设置输入文本框的类型为文本,用属性type定义 。
vs文本框控件 vs2015中文旗舰版设计带标签文本框的详细步骤

文章插图
输入文本框的标识为shuru,用属性id表示 。
vs文本框控件 vs2015中文旗舰版设计带标签文本框的详细步骤

文章插图
聚焦和释放标签的焦点,onfocus为获取焦点,onblur为失去焦点 。
vs文本框控件 vs2015中文旗舰版设计带标签文本框的详细步骤

文章插图
设置输入标签的标签值为输入,用属性value设置 。
【vs文本框控件 vs2015中文旗舰版设计带标签文本框的详细步骤】
vs文本框控件 vs2015中文旗舰版设计带标签文本框的详细步骤

文章插图
设置输入文本框的边框为3像素,颜色为蓝色 。
vs文本框控件 vs2015中文旗舰版设计带标签文本框的详细步骤

文章插图
设置输入文本框的行高,以及能输入的最多字符数 。
vs文本框控件 vs2015中文旗舰版设计带标签文本框的详细步骤

文章插图
最后运行程序,在网页中插入了一个带有标签的输入文本框,在文本框中可以自由的输入文本,长度为20个字符 。
vs文本框控件 vs2015中文旗舰版设计带标签文本框的详细步骤

文章插图

vs文本框控件 vs2015中文旗舰版设计带标签文本框的详细步骤

文章插图
上文就是vs2015中文旗舰版设计带标签文本框的详细步骤,你们是不是都学会了呀!

    推荐阅读