html基础：[4]如何制作文本框

文本框在html属于表单中的元素，主要是用来给用户填写表单的，下面小编简单分享下如何在制作html文本框。

操作方法

  • 01

    html到后期都需要用dreameaver（简称dw），下面用dw（这里是很老的版本了dw8.0）新建一个html。

  • 02

    进入代码编辑窗口

  • 03

    代码如下，放在body中间。 <form> 姓名：<input type="text"> <br /> 电话：<input type="text"> </form>

  • 04

    点击设计，可以看到大致效果。

  • 05

    点击预览，球形的图标，如下图，接下来随便选择一个浏览器，下来菜单是选择通过浏览器打开的。

  • 06

    提示是否保存，点击是

  • 07

    我们选择保存到桌面，便于查找。

  • 08

    在网页中浏览的效果如下，这样就简单的做了一个文本框。操作起来比较简单。

赞 (0)

相关推荐

  • 如何在PPT文档中制作文本框的动画效果

    如何在PPT文档中制作文本框的动画效果

    我们在使用PPT文档编辑文件的时候,想要给文本框制作动画效果,该怎么操作呢?今天就跟大家介绍一下如何在PPT文档中制作文本框的动画效果的具体操作步骤.1. 首先打开想要编辑的PPT文档,如图,依次点击 ...

  • 亿图图示如何制作文本框

    亿图图示如何制作文本框

    亿图图示设计软件是一款集办公绘图.工程绘图.图文编辑.彩页设计为一体的设计软件,有些新用户不知道该软件如何制作文本框,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步根据下图所示, ...

  • dreamweaver制作文本框行为

    我们在各种网页上见到过这种文本框,比如下面这个登陆界面,里面有提示"请输入用户名",当光标放到上面的时候,它将提示删除,这就是一个文本框行为,其实制作这样的文本框行为很简单,下面就 ...

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

    Visual Studio网页中需要添加一个可以输入文本的文本框,该怎么制作文本框呢?下面我们就来看看详细的教程. 1.用Visual Studio打开一个已有的网页,本例为TwoFish网站的Def ...

  • celluloid如何编辑文本框的样式

    填充颜色:选中文本框,可以在 "属性" > "填充" > "填充方式" 中选择"色彩填充". 填充渐变色:选 ...

  • 巧用WPS文本框制作语文小报

    组织班级或指导学生个人办语文小报是语文实践活动一个有效措施，学生自主办报，这个展示语文综合能力的舞台会让他们的综合素质得到提高。要想办一张美观好看的班级小报，可以利用WPS，学也方便，用也方便。 1. ...

  • PowerPoint教程 制作滚动文本框的办法

    本节PowerPoint 教程就教大家怎么运用控件文本框制作滚动条，轻松完成把许多的文字内容放在同一张幻灯片中的效果。 ​具体操作步骤： 1、启动PowerPoint2013，首先，我们要插入文本框， ...

  • 巧用WPS旋转文本框来制作密封线

    上过学的朋友们都对试卷上的密封线不会陌生吧,而走上工作岗位,有些企业为了保护文件的保密性,也通常会使用密封线.那么密封线在WPS中该怎么做呢?下面小编就告诉大家制作密封线又快又好的技巧. 第1步:输入 ...

  • Word2007怎么制作精美文本框

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