黑马程序员__html基础3

最新推荐文章于 2024-07-20 08:27:40 发布

小马哥♫

最新推荐文章于 2024-07-20 08:27:40 发布

阅读量497

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/shenzuidewenrou1/article/details/38311547

本文详细介绍了HTML基础语法及应用，包括多行文本、输入框、表单元素、CSS样式设置、登录界面实现、网页布局技巧和常用CSS单位等，旨在帮助开发者提升网页设计与用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

黑马程序员__html基础3

------- Windows Phone 7手机开发、.Net培训、期待与您交流！ -------

<textarea>多行文本（也是表单元素：）

<textarea>文本</textarea>,cols,rows 属性表示行数和列数。

在<input type="text">前可以写普通的文本来修饰，但是单击修饰文本的时候input 并不会得到焦点，

用label则可以，for属性指定要修饰的空间的id <label for ="txt1">

asdfad</label>.

fieldset: GroupBox效果

<fieldset>

<legend>常用</legend>

<input type ="text"/>

</fieldset>

一个简单的登陆界面的设置代码

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>登陆</title>
<style type="text/css">
.style1 {
height: 25px;
}
</style>
</head>
<body>
<table border="1">
<tr><td><label for ="username">用户名:</label></td><td><input id="username" type="text"/></td></tr>
<tr><td class="style1"><label for ="password">密码:</label></td><td class="style1"><input id="password" type="text"/></td></tr>
<tr><td><label for ="authcode">验证码:</label></td><td><input id="authcode" type="text"/><img src="dads.JPG" alt="验证码"/></td></tr>
<tr><td colspan="2"><input type="checkbox" id="remb"/><label for="remb">记住密码</label></td></tr>
<tr><td colspan="2"><input type="submit" value="登陆"/></td></tr>
</table>
</body>
</html>