网页输入框怎么写
1.网页上的输入框变成这个样子,怎么解决
在文件里的head标签添加如下代码
<style type="text/css">
input[type="text"]
{
width:20px;
height:40px;
}
</style>
不过这只对IE7及以上版本有用
要想对于其他浏览器都有用,添加如下代码到head标签下
<style type="text/css">
.textbox
{
width:20px;
height:40px;
}
</style>
然后将所有文本框标签添加如下属性:class="textbox"
2.怎么写网页只带下画线的输入框CSS
在设计考试页面时,经常会碰到填空题,填空题的输入框要求只有一条下划线。
本例学习此类入框的设计。 实例代码:html xmlns= headtitle标题页/title/headbody只有下划线的输入框input type=text name=txt1 size=25 style= border:1px; border-bottom-style: solid;border-top-style: none;border-left-style:none;border-right-style:none;br /默认的输入框 input id=Text1 size=25 type=text //body/html。
3.简单的javascript脚本 写一个网页:一个输入框一个按钮,点按钮时把
<html>
<head>
<script language="javascript">
function Open(){
var url = document.getElementById("url").value;
window.open (url);
}
</script>
</head>
<body>
<input type="text" id="url" value=" >
4.网页设计中文本输入框的一些参数
文本输入框的一些参数如下。
1、cols,垂直列。在没有做样式表设置的情况下,它表示一行中可容纳下的字节数。例如cols=60,表示一行中最多可容纳60个字节,也就是30个汉字。另外要注意的是,文本框的宽度就是通过这个来调整,输入好cols的数值,然后再定义输入文字字体的大小(不定义的话,会采用默认值),那么文本框的宽度就确定了。
2、rows,水平列。表示可显示的行数,例如rows=10,表示可显示10行。超过10行,则需要拖动滚动条来浏览了。(同上,文本框的高度就是通过这个来控制的。)
3、name,文本框的名称,这项必不可省,因为存储文本的时候必须用到。
4、warp,当warp="off"表示该文本区域中不自动换行,当然不写默认是自动换行的。这个参数一般用得比较少。
5、style,这是个非常实用的参数,可以用来设置文本框的背景色,滚动条颜色及形式,边框色,输入字体的大小颜色等等。
6、class,一般用来调用外部css里边的设置。
例:设置文本框的行数为40,列数为10。名称为text。表达形式 <textarea cols=40 rows=10 name=text></textarea>
具体你可以看下面的网页:
_xhtml/20071113/html_xhtml_1039.html
html怎么写输入框
1.html文本框代码怎么写
1.单行文本框:
<input type="text" style="height:20px;width:100px;" />
2.多行文本框(文本域):
<textarea style="width:300px;height:100px;"></textarea>
文本框是单行的,而文本域可以输入多行,不过文本框也可以通过设置变成成多行。一般来说如果要填写的内容很多我们就用文本域<textarea>;,反之用<text>。
2.html中实现添加输入框怎么实现
下面代码是一个例子
html
<div id="org"></div>; //注意:id不能写在button上,js获取不到button的id(可能是我们公司的框架的原因)
<input type="button" onclick="add1();" value="添加" />
script
<script type="text/javascript">
function add1(){
var input1 = document.createElement('input');
input1.setAttribute('type', 'text');
input1.setAttribute('name', 'organizers[]');
input1.setAttribute('class', 'git');
var btn1 = document.getElementById("org");
btn1.insertBefore(input1,null);
}
</script>
3.求一个输入框的HTML代码,在线等 急
不知道楼主想要问什么哦~这就是最基本的html了简单写一下~~不知道是不是楼主想问的<style type='text/css'> .input { border:1px solid #999; } .input:hover { border: 1px solid orange; } ul label { width: 100px; text-align: right; }</style>
4.求一个输入框的HTML代码,在线等 急
不知道楼主想要问什么哦~这就是最基本的html了
简单写一下~~不知道是不是楼主想问的
<style type='text/css'>
.input {
border:1px solid #999;
}
.input:hover {
border: 1px solid orange;
}
ul label {
width: 100px;
text-align: right;
}
</style>
<ul>
<li><label>;准考证号:</lable><input type='text' class='input' /></li>
<li><label>;姓名:</lable><input type='text' class='input' placeholder='请输入姓名的前两个字' /></li>
<ul>
以上为html5的规范哦~如果要是不支持html5的话,可以找一个兼容html5 的类,或者用js重写下placeholder就可以了~~
转载请注明出处育才学习网 » 单行输入框怎么写
育才学习网