`

文本框只显示下边框,文本域标题顶端对齐

阅读更多
css:
<style type="text/css">
<!--
input{
	border-left:0px;border-top:0px;border-right:0px;border-bottom:1px solid #ff0000
}
span{
	vertical-align:top;
}
-->
</style>


div:
<p>
	姓名:<input type="text" name="T1" size="20" value='只有下边框'>
</p>
<div>
	<span>简介:</span><textarea rows="4" name="S1" cols="20">这是一个textarea</textarea>
<div>



效果:


  • 大小: 9.2 KB
分享到:
评论

相关推荐

    文本框属性

    深入CSS样式,可以进一步定制文本框的边框颜色、字体、对齐方式等,如: ```css .textbox { BACKGROUND: #BFCEDC; BORDER-TOP: #7F9DB9 1px solid; BORDER-LEFT: #7F9DB9 1px solid; BORDER-RIGHT: #7F9DB9 1px...

    Element Input组件分析小结

    这些属性在计算文本域高度时至关重要,因为它们直接影响到实际显示的高度。 3. **calculateNodeStyling**:这是一个函数,用于获取给定节点(通常是文本域)的样式信息。通过`window.getComputedStyle`获取元素的...

    零基础学HTML CSS源代码

    文本域.htm 表单文本域用法。 下拉表.htm 表单下拉表的用法。 表单实例手把手.html 演示表单实例手把手。 第8章(源代码\第8章) 示例描述:本章演示表格标记用法。 表格边框宽度.html 表格...

    PHP英语专业单词.docx

    * Textarea:文本域,不同于 text,文本框是多行的文本框 * Checked:被确认的 * Selected:被选中的 * Disabled:被禁用的 * Value:值 * Size:大小,尺码,引申为表单域的宽度 * Label:标签 * Readonly:read ...

    HTML单词大全.doc

    * textarea:文本域,不同于 text,文本框是多行的文本框 * checked:被确认的 * selected:被选中的 * disabled:被禁用的 * value:值 * size:大小,尺码,引申为表单域的宽度 * label:标签 * readonly:read ...

    html中textarea的使用及常见问题及案例分析

    在这种情况下,由于文本区域是基于 `&lt;textarea&gt;` 标签的起始位置计算的,因此开始标签后的空白会被视为文本的一部分,导致文本被居中或左对齐显示。为了避免这种情况,应确保 `&lt;textarea&gt;` 标签在一行内写完整,避免...

    java应用例子资源小程序

    10. **颜色和样式**:通过`Color`类设置文本框边框颜色,通过`setHorizontalAlignment()`调整文本对齐方式,通过`setBackground()`设置输入框背景色。 11. **不可编辑的文本框**:`textField.setEditable(false)`...

    html入门到放弃笔记

    在网页的最顶端 &lt;!doctype html&gt; 2、由一对 html 根标记,来表示页面的开始与结束 Demo : 1、在 htdoc 中,创建一个网页 01-first.html 文件 创建一个 记事本,将 .txt 重命名为 .html 2、搭建HTML网页结构 ...

    python 之 前端开发(form标签、单选框、多选框….docx

    - **style**: 可以用来设置文本域的样式,如大小、颜色等。 - **示例**: 用户可以在其中输入较长的文字内容。 #### 7. Fieldset 标签 - **Title**: 用于将表单中的相关字段分组。 - **用途**: - 可以使用`...

    EWM_PPT_chap4_v1.1.ppt

    - **表单对象**:Dreamweaver MX中常用的表单对象包括文本域、多行文本域、单选按钮、复选框、下拉列表框等。 - **表单域**:一个完整的表单包括表单域和表单对象两部分。 - **表单域**:指`&lt;form&gt;`和`&lt;/form&gt;`...

    HTML笔记总结

    ...`&lt;head&gt;`用来存放元数据,如标题、字符集等... - 文本域`&lt;textarea&gt;`,多行输入。 以上是HTML的基础知识,理解并掌握这些概念对于创建静态网页至关重要。通过实践和进一步学习,你可以创建更复杂、动态的交互式网页。

    (北大青鸟)HTML学习教程005

    如`&lt;input type="text"&gt;`单行文本框,`&lt;input type="password"&gt;`密码框,`&lt;input type="radio"&gt;`单选按钮,`&lt;input type="checkbox"&gt;`复选框,`&lt;select&gt;`下拉列表,`&lt;input type="reset"&gt;`重置按钮,`...

    Eclipse拖拉界面讲解

    - **文本域**:将`lines`设置为`MULTI`以允许多行输入。 ##### 设计下拉菜单(Combobox) - **基本属性**:在`Properties`面板中设置`text`、`font`、`foreground`和`background`。 - **下拉项**:使用`items`属性...

    HTML基础-标签的学习

    6. **文本域(Textarea)** - `&lt;textarea&gt;`用于多行文本输入。 此外,HTML中的字符实体用于在网页中显示特殊字符,如空格(`&nbsp;`)、大于号(`&gt;`)和小于号(`&lt;`),这些字符在源代码中可能有特殊含义,...

    flash shiti

    44.如何使图A的文字产生图B向左对齐的效果? A. 将光标放在每一行文字的开头或结尾的位置,打开Text菜单下Align级联菜单Align left命令。 B. 将光标放在每一行文字的开头或结尾的位置,按快捷键Ctrl+Shift+L。 C....

    JavaWeb开发基础之Html详解

    6. **文本域**:`&lt;textarea&gt;`标签用于创建一个多行文本输入区域。可以指定其名称、列数和行数等属性。示例代码如下: ```html &lt;textarea name="info" cols="40" rows="7"&gt;&lt;/textarea&gt; ``` 7. **文件上传**:`...

Global site tag (gtag.js) - Google Analytics