改变表单文本框的大小

form表单的文本框不合适,所以想要改变大小。

一开始百度有人说在input里边加上size,赋值就可以了,我试了一下,这样只能改变文本框的高,不能改变长。

所以又百度了一下,原文网址着这里

http://www.jb51.net/css/154225.html

具体的内容是这样的

<form action="" method="get"> 
<input type="text" style="width:300px;height:30px"name="q"> 
<input type="submit" value="Search" style="height:30px;position:absolute;+margin-top:1px"> 
</form>

style="width:300px;height:30px" 设置文本框的尺寸;

style="height:30px;position:absolute;+margin-top:1px" 设置按钮与文本框对齐。

我用的谷歌浏览器,所以这个就可以了。

时间: 2024-07-29 02:33:17

改变表单文本框的大小的相关文章

Chrome表单文本框自动填充黄色背景色样式

开发后台管理系统或 网站时,使用谷歌的Chrome浏览器访问网页中表单,文本框背景色自动填充为黄色.这个问题在网络上其实早已经是老生常谈了,今天正巧我要处理这个问 题,把之前查阅的一些资料和自己解决这个问题的方法纪录在此,一是为大家遇到此问题时提供一份资料,二是作为自己的笔记.过多的话就不多说了,下面进入正 题. 一.首先介绍一下我遇到这个问题时文本框的样式情况:  上图为Chrome浏览器为表单中的文本框自动填充黄色背景色的样子, 我自己为文本框加的,获得焦点后,周围有蓝色阴影. <input

AngularJS进阶 三 HTML 让表单 文本框只读,不可编辑的方法

HTML:让表单.文本框只读,不可编辑的方法 有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如使<input type="text" name="input1" value="中国"> 的内容,"中国"两个字不可以修改.实现的方式归纳一下,有如下几种. 方法1: onfocus=this.blur() <input type="text" name="inpu

表单 -文本框之前或之后添加文本或按钮

样式: *现代浏览器的最新版都支持inline-block,只有ie6.7不支持inline-block,但ie6.7可以通过 display:inline:zoom:1:来模拟. *firefox,safari,opera,ie8+中的 inline-block 元素之间会莫名其妙多出3px的间距,其实这个是换行符,可以在inline-block的父元素中加上 font-size:0:来去掉inline-block元素之间的空隙. *white-space: nowrap;   设置如何处理元

Easyui表单,文本框,下拉菜单三级联动练习代码

1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&g

HTML:让表单 文本框 只读,不可编辑的方法

有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如使<input type="text" name="input1" value="中国"> 的内容,"中国"两个字不可以修改.实现的方式归纳一下,有如下几种. 方法1: onfocus=this.blur()<input type="text" name="input1" value="中国&

javascript:让表单 文本框 只读,不可编辑的方法

有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如使<input type="text" name="input1" value="中国"> 的内容,"中国"两个字不可以修改.实现的方式归纳一下,有如下几种. 方法1: onfocus=this.blur()<input type="text" name="input1" value="中国&

.Net Core使用视图组件(ViewComponent)封装表单文本框控件

实例程序的界面效果如下图所示: 在表单中的搜索条件有姓名,学号,成绩.他们在一行中按照水平三等分排列. 在cshtml中用html实现上述表单效果的的代码如下: 1 <form class="form-horizontal" role="form"> 2 <div class="row"> 3 <div class="form-group col-md-4"> 4 <label for

判断表单文本框(最后点击按钮才判断)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> label { display: inline-block; width: 80px; text-align: right; } span { color: red; } </style>

[Swift通天遁地]二、表格表单-(15)自定义表单文本框内容的格式

本文将演示如何设置表单中的输入内容的格式. 在项目导航区,打开视图控制器的代码文件[ViewController.swift] 现在开始编写代码,实现设置表单中的输入内容的格式. 1 import UIKit 2 //首先在当前类文件中, 3 //引入以及安装的第三方类库 4 import Eureka 5 6 //创建一个货币类,该类继承自数学格式类,并遵循格式化协议. 7 class CurrencyFormatter : NumberFormatter, FormatterProtocol