如何更改html网页输入框的宽度和高度？

在实际开发中，经常要对网页进行美化，例如调节网页中某个元素的位置，高度，宽度等使其好看一点。有时候输入框的调节难倒了一部分人。下面我简单的举个例子。

操作方法

  • 01

    首先用sublime text2新建一个测试用的html页面。我这里就叫test.html

  • 02

    这个时候在网页中添加以个label标签和一个input框。

  • 03

    预览一下效果，我们可以知道默认的宽度是10

  • 04

    这里我们通过设置size的属性修改一下宽度。

  • 05

    再预览一下效果。是不是宽度减少了呢。

  • 06

    如果是简单改变宽度这就足够了，但是如果修改一下其他的东西。我们需要加上style属性

  • 07

    预览一下最终的效果。可以看到宽度和高度都改变了

赞 (0)

相关推荐

  • Win7/Win8的IE浏览器在网页输入框无法输入文字光标不能定位

    IE浏览器在网页输入框无法输入文字，光标不能点到输入框中。 原因分析: Windows 7、Windows 8系统下，某些软件会在HKEY_LOCAL_MACHINE/SOFTWARE/Microso ...

  • 关于Win7/Win8的IE浏览器在网页输入框无法输入文字的解决方法

    IE浏览器在网页输入框无法输入文字，光标不能点到输入框中。 原因分析: Windows 7、Windows 8系统下，某些软件会在HKEY_LOCAL_MACHINESOFTWAREMicrosoft ...

  • 网页输入框不能输入怎么办

    通常导致网页输入框不能输入内容的原因有两种,一是浏览器未开启"脚本调试",另一个原因是网站本身设置,即网站需要安装相应的控件才能正常输入.下面就来看一下具体的解决办法. 操作方法 ...

  • 如何更改用于网页的颜色和字体？

    如果我们想要在所有网页上使用自己选择的颜色和字体,无论网站设计者是否已指定颜色和字体,我们都可以覆盖网站字体和颜色设置.如何更改用于网页的颜色和字体呢? 操作方法 01 更改用于网页颜色和字体的方法 ...

  • 怎么更改Win10系统中程序菜单栏的高度

    怎么更改Win10系统中程序菜单栏的高度

    使用Windows10系统电脑的用户,觉得程序菜单栏太高了,或者太低了,因此想要更改程序菜单栏的高度,但是却不知道如何更改,那么小编就来为大家介绍一下吧.1.打开运行1.第一步,右击桌面左下角的开始图 ...

  • ps如何设置宽度和高度

    ps如何设置宽度和高度,有几种方法来更改呢?如下图有详细的操作步骤. 操作方法 01 首先打开PS软件如下图所显示. 02 打开之后单击-文件. 03 单击-新建 . 04 第一种是在新建的时候设置宽 ...

  • Excel设置单元格的宽度、高度

    Excel中如何设置单元格的宽度.高度呢?下面小编来教大家. 操作方法 01 首先,我们打开我们电脑上面的excel,然后我们打算更改第一个单元格的宽度和高度: 02 然后我们选中第一行,然后右击选择 ...

  • Win10怎么设置开始菜单宽度和高度?

    Win10怎么设置开始菜单宽度和高度?最新版的Win10开始菜单变宽了,一开开始菜单就占用了大半个屏幕.很多人希望把开始菜单变小一点,不要占那么多地方.在最新版的Win10中,开始菜单的宽度真的已经可 ...

  • Excel里怎么设置表格要求的宽度和高度

    Excel里设置表格宽度和高度的方法: 不同版本的Excel操作略有不同,但大同小异,以wps表格为例. 1.打开目标Excel文件,全选表格. 2.鼠标移到表格最左边右键,选择"行高&qu ...