HTML中如何设置文本框的大小

作者&投稿:绽征 (若有异议请与网页底部的电邮联系)
HTML中如何设置文本框的大小?~

你说的文本框的大小是指边框的大小吗?
如果是指边框的大小,可以使用CSS样式控制,如:
1content123#txtCon{width:100px; height:20px;}
你也可以使用文本框自己的属性,定义文本框的行和列控制大小,如:
1content

style 中加入 style ="font-size:26px;" 就可以加大文本框里面的大小

步骤如下

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

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

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

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

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

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

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

扩展资料

超级文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(WWW)盛行的原因之一,其主要特点如下:

1、简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。

2、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。

3、平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。

4、通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

编辑

它其实是文本,它需要浏览器的解释,它的编辑器大体可以分为三种,

1、基本文本、文档编辑软件,使用微软自带的记事本或写字板都可以编写,当然,如果你用WPS来编写,也可以。不过存盘时请使用.htm或.html作为扩展名,这样就方便浏览器认出直接解释执行了。

2、半所见即所得软件,

如:FCK-Editer、E-webediter等在线网页编辑器;

尤其推荐:Sublime Text代码编辑器(由Jon Skinner开发,Sublime Text 2收费但可以无限期试用)。

3、所见即所得软件,使用最广泛的编辑器,完全可以一点不懂HTML的知识就可以做出网页,如:

AMAYA(出品单位:万维网联盟);

FRONTPAGE(出品单位:微软);

Dreamweaver(出品单位:Adobe)。

4、所见即所得软件与半所见即所得的软件相比,开发速度更快,效率更高,且直观的表现更强。任何地方进行修改只需要刷新即可显示。缺点是生成的代码结构复杂,不利于大型网站的多人协作和精准定位等高级功能的实现。

参考资料:百度百科 HTML的语言和编辑



你说的文本框的大小是指边框的大小吗?

如果是指边框的大小,可以使用CSS样式控制,如:

<textarea id="txtCon" >content</textarea>
<style type="text/css">
#txtCon{width:100px; height:20px;}
</style>

你也可以使用文本框自己的属性,定义文本框的行和列控制大小,如:

<textarea id="txtCon" rows="100" cols="100" >content</textarea>


  输入框的大小不知是指显示长度或最多能输入的字符数?如文本框可以这样控制:

其中,size="12"是设置文本框的显示长度为12个字符,而maxlength="6"是限制最多能输入6个字符。
试试。

希望回答对你有帮助,如果有疑问,请继续追问.

html调整文本框大小
<input name="" type="text" style="width:200px; height:20px;" />
百度知道团队 ..一言难尽啊

<style>
input[type=="text"]
{
width:300px;height:200px;
}
</style>

css网页设计中怎样让文本框变长
答:1、首先打开Hbuilder编辑器软件,新建一个html文件,html文件中写入两个textarea文本框,并且给第二个文本设置一个class属性。2、然后先给第一个文本框添加rows和cols属性,它们分别用来控制文本框的行数和列数,设置这两个属性就能改变文本框的高和宽;同时给第二个textarea设置class属性,在上方的style...

html中的文本域,怎么固定大小?在网页上怎么不能随意拉动大小?
答:textarea{resize:none;} <textarea style="resize:none;"></textarea> html简介:超文本标记语言,标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中...

怎样设置html 输入框控件text的自定义长度宽度和字体的大小
答:设置html 输入框控件text的自定义长度宽度和字体的大小,你只要在输入栏中写入代码即可。代码如下:<input name="" type="text" style="width:200px; height:20px;" /> PS:[html] view plain copy <textarea id="content" name="content" style="width: 80%;height: 30%;" onblur="this...

HTML网页怎么设置文本框里面输入的文字大小
答:<input type=text name=word style="height:25px;font-size:26px;" baiduSug=1> <input type="submit" style='font-size:18px' value="扭一下">style 中加入 style ="font-size:26px;" 就可以加大文本框里面的大小

html中怎么改变输入框的长度
答:输入框的大小不知是指显示长度或最多能输入的字符数?如文本框可以这样控制:<input name="textfield" type="text" size="12" maxlength="6" /> 其中,size="12"是设置文本框的显示长度为12个字符,而maxlength="6"是限制最多能输入6个字符。试试。

HTML文本框宽度问题
答:<input type=text name=a style="width:243px;hidth:30px">你看看有没有拼写错误,改变输入框大小只能用CSS控制,你那个框那么大,可以用textarea了

html 文本框改变大小
答:style="width30; height:30"

在html语言中,表单中的单行文本框,高度和宽度如何调节?
答:<input type=text name="test" size="30" value="sdafsd"> 问的这个意思?宽度用size 高度好像不行吧

怎么设定一个input输入框的长度
答:需要准备的材料分别有:电脑、浏览器、html编辑器。1、首先,打开html编辑器,新建html文件,例如:index.html。2、在index.html中的<style>标签中,输入css代码:input {width: 250px;}。3、浏览器运行index.html页面,此时发现input输入框的长度被设定为250px了。

怎么用CSS固定设置HTML中文本域的宽高
答:textarea元素在chrome等浏览器下可以被拖拉从而改变大小,对于查看textarea里面的内容来说相当方便,但是有时候 我们为了保持网页的美观,不得不想要禁掉这个功能,禁止用户随意拉动textarea的大小,其实很简单,只需要用css加一个小小的属性,代码如下:textarea{ resize:none;} <input name="" type="text...