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

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文本框的制作方法,希望大家喜欢,请继续关注我们。

(0)

相关推荐

  • HTML弹出提示框--提示文本框内容

    有些不会js的朋友问我,怎么让html页面弹出文本框的内容啊,下面小编来告诉大家如何实现. 操作方法 01 打开dw,选择新建一个HTML的页面. 02 在新建的页面中,在代码<body> ...

  • Excel2003怎么插入文本框?文本框怎么设置?

    Excel单元格最大特点是固定了文本出现的位置,但也限制了文件的自由性 而文本框就是在Excel里称为最自由的象,可以自由移动,随意更改文字向等 合理利用好框的特性,在排版的时候可以变得随心所欲,让工 ...

  • excel文本框透明怎么设置?

    在Excel中有时我们会插入文本框,文本框中会加入一些文字及图片,然而这些文本框会盖住了下面Excel中的文字内容,这时就有必要设置Excel文本框透明,这种透明的文本框才能不影响观看下面的文本内容, ...

  • WPS文字如何设置文本框阴影效果

    文本框孤立的存在于文档中,略显单调,那么如何让它看起来更好看一些呢?方法有很多,不过最简单的还是对文本框加一些阴影效果,可以根据需要设置阴影的颜色及将所选对象阴影移动等等,这些在本文都有很详细的介绍。 ...

  • Word2007怎么制作精美文本框

    说起Word的文档,就不得不说文本框,在Word较早的版本中文本框的功能比较单调,而Word2007就加入不少的美化功能,并且在样式库里可以制作出千变万化的精美文本框,而文本框可以帮你的文档更加的美观 ...

  • 金山WPS设置文本框阴影效果的方法

    文本框是我们是使用金山WPS这款办公软件时常常需要使用到的小工具,文本框具有插入的位置灵活,而且形式醒目的作用.今天,我们就给大家推荐一个关于文本框设计的教程,在教程中,您可以学习到制作金山WPS文本 ...

  • wps2016怎么设置文本框阴影效果

    wps文本框阴影效果图制作步骤如下: 插入文本框 1.在文档中插入文本框.依次单击"插入"-"文本框"-"横向文本框",如图1所示: 2.可 ...

  • wps文本框怎么填充颜色? wps文本框颜色的设置方法

    wps中想要给文本框填充颜色,该怎么填充呢?下面我们就来看看wps文本框填充颜色的教程. 1.在wps中插入文本框.打开wps,点击上方工具栏中的插入,在插入下出现的一行工具中点击文本框——横向文本框 ...

  • ppt多个文本框怎么快速排列?

    ppt中插入多个文本框,想要快速对齐文本框,该怎么排列文本框呢?下面我们就来看看详细的教程. 一.插入多个文本框 1.新建空白ppt.具体做法:选中电脑桌面的ppt图标,右击鼠标,在弹出框里选择“打开 ...