VisualStudio网页怎么插入文本框? vs文本框的制作方法

所属分类: 软件教程 / 编程开发 阅读数: 241
收藏 0 赞 0 分享

Visual Studio网页中需要添加一个可以输入文本的文本框,该怎么制作文本框呢?下面我们就来看看详细的教程。

1、用Visual Studio打开一个已有的网页,本例为TwoFish网站的Default.aspx网页。

2、首先,找到body标签,如下图所示。

3、接着,找到div标签,位置如下图所示。

4、代码中,先定义输入文本的框架,输入文本的框架高和宽各为300像素。

5、padding-top表示输入文本框与顶部的衬距,本例为25像素。

6、margin-left和margin-right表示输入文本框与网页左侧和右侧的距离,本例设置为auto即自动

7、接着,定义文本框的位置类型,本例设置为以左侧为基准浮动

8、最后,定义输入文本框的格式,如下图所示。

9、输入文本框取名为INput,类型为文本

10、maxlength为设置的可以输入的最多字数,本例设置为20个字符。

11、文本框的边框设置为无,高为30像素,宽为200像素。

12、设置字体大小为20号,字体颜色为蓝色。

13、在浏览器中预览网页,可以看到一个输入文本框,操作者可以自由的输入文字。

以上就是vs文本框的制作方法,希望大家喜欢,请继续关注脚本之家。

相关推荐:

VisualStudio页面中怎么添加复选框?

VisualStudio怎么插入按钮? vs网页添加按钮的教程

VisualStudio网页怎么设计验证用户名和密码的功能?

更多精彩内容其他人还在看

Unity3D摄像机跟随小球移动而不旋转的设置方法

Unity3D中怎样让摄像机跟随小球移动而不旋转?Unity3D中使用摄像机拍小球,它在移动的过程中,自身是不断旋转的,所以,摄像机也会跟着一起旋转,怎么让摄像机不转呢?请看下文详细介绍
收藏 0 赞 0 分享

Myeclipse断点不起作用出现斜线该怎么办呢?

Myeclipse断点不起作用出现斜线该怎么办呢?Myeclipse断点处如果出现斜线,那就说明断点不起作用了,该怎么处理这种情况呢?下面我们一起来看看详细的解决办法,需要的朋友可以参考下
收藏 0 赞 0 分享

Visual Studio中无法查找或打开PDB文件怎么办?

Visual Studio中无法查找或打开PDB文件怎么办?在VS底部的“输出”框中提示“无法查找或打开 PDB 文件”,出现这个问题该怎么解决呢?下面我们来看看详细的解决办法,需要的朋友可以参考下
收藏 0 赞 0 分享

VS2013调试代码时怎么避免加载符号?

VS2013调试代码时怎么避免加载符号?VS2013调试代码时候,当电脑接入网络后系统会自动从Microsoft 符号服务器加载PDB符号文件,一旦加载符号就会变得很慢,下面我们来看看详细的解决办法
收藏 0 赞 0 分享

eclipse怎么更换工作空间?eclipse更换工作区的方法

eclipse怎么更换工作空间?eclipse经常编辑代码,eclipse默认的的工作区在C盘,经常使用eclipse写代码会导致C盘空间缩小,该怎么更换工作区呢?下面我们来看看eclipse更换工作区的方法
收藏 0 赞 0 分享

vs2010怎么更换默认的起始页?vs2010起始页添加命令按钮的方法

vs2010怎么更换默认的起始页?vs2010起始页就是vs启动的时候默认打开的页面,当然我们可以根据自己的需要来设置起始页,下面我们来看看vs2010起始页添加命令按钮的方法
收藏 0 赞 0 分享

eclipse中sdk与adt版本不兼容该怎么解决? 三种方法帮你搞定

eclipse中sdk与adt版本不兼容该怎么解决?出现这种问题基本上是因为sdk版本过高,今天我们来看看三种比较简单的解决办法,图文教程很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

vb怎么输出菱形图案?vb绘制菱形的教程

vb怎么输出菱形图案?vb编辑的代码可以实现很多功能,今天我们就来看看怎么使用vb绘制菱形图案,这篇教程很简单,适合新手学习,需要的朋友可以参考下
收藏 0 赞 0 分享

Android Studio怎么导出设置?

Android Studio怎么导出设置?Android Studio中设置了很多符合自己习惯的东西,但是如果重新安装软件,之前设置的东西都会消失,该怎么将这些设置导出来呢?下面我们一起来看看详细教程
收藏 0 赞 0 分享

怎么使用arcgis对进行地图投影?

怎么使用arcgis对进行地图投影?没有投影过的地图该怎么投影?我们想将是西安80的shp数据,但是一般的搜不带号,想转换成带号的,就需要使用arcgis对进行地图投影,详细教程请看下文
收藏 0 赞 0 分享
查看更多