(哎..终于还是降级了..只能从HTML重新学过了..哎..学习终究是不能骗自己的..好好学习吧!~~...)
HTML我是用TopStyle来写.CSS是2.0..(我知道是废话...)
要在HTML里面写个button or test就很简单了..
就是在<head>里写 <form action="#"(这个表示发到哪里.."#"表示提交到当前页面) method="post" (这个是发送方法,一共有2种.一种是GET.这个方法相对比较不安全.因为它会把你提交的信息以一个"?"打头粘到URL后面第2种就是POST.这个就比较安全了.你所提交的东西是在URL上是看不到的)>
然后<input type="button"(这如果填TEST就是TEST了) id="bt1" name="bt1"(ID跟NAME最好都写上,这个是好习惯,在以后会很有用.ID跟NAME可以不一样) value="登录"(这个就是你BUTTON上显示的字.)>
相同..<input type="text" id="te2" name="te2">...
如果要想写个单选框或者复选框.
<input type="checkbox"(CHECKBOX就是复选框) id="cb1" name="cb1">记住我(表示你复选框后面跟的字).怎么样让你的这个复选框为默认呢?就在<input>里添上一个checked="checked".如果不能选就添上一个disabled="disabled".
接下来是单选框.其他的都跟复选框一样,唯一不同的就是.在type=""填"radio".
除此之外,还有password(跟TEST有点像,不同的是输入信息是以星星的形式) submit(跟button,reset是一组.按了submit整个表单都提交了) reset(重置) file(上传文件) image(图片 后跟src=""选择URL)
选择框.
<select>
<option value="sh">上海</option>
<option value="sh">成都</option>
<option value="sh">广州</option>
</select>
也可以<select size="5"(表示同时有几个被选项可以在不拉滚动条的情况下直接选择) multiple="multiple"(可以多选 在按中SHIFT的情况下)>
多行输入的文本框
<textarea cols="10" rows="10"(设置长宽不用说了.)></textarea>
最后1个是一个框框把你想框的内容全部框住,并且可以取个标题.
<fieldset>
<legend>dsada</legend>
</fieldset>
<fieldset> </fieldset>这个标签中间放你想被框的内容.<legend></legend>这个标签中间写标题名.
CSS我简单说一下.CSS是样式层叠表..它确实是层叠的.关于盒式模型的布局属性一共有三种. margin: border: padding: .margin: 是调整边框和边框的距离.border:是调整边框的厚度.padding:是调整边框跟内容之间的距离.
以下是我用CSS以及HTML写的一个网页的代码.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!-- Created by TopStyle Pro Trial Version - www.bradsoft.com -->
<title>用户注册</title>
<style>
#a,#b,#d,#e,#i,#j
{
padding:;
padding-left: 208px;
}
#c
{
padding: 30px;
padding-left: 208px;
}
#f
{
padding:;
padding-left: 193px;
}
#h
{
padding:;
padding-left: 193px;
}
#g
{
padding:;
padding-left: 224px;
}
#f2
{
margin:;
margin-bottom: 29px;
margin-left: 31px;
margin-right: 43px;
}
#f3
{
margin:;
margin-bottom: 29px;
margin-left: 31px;
margin-right: 43px;
}
#bt1
{
margin:;
margin-left: 36px;
}
#cb1
{
margin:;
margin-left: 30px;
}
/*#f4
{
margin:;
margin-right: 778px;
}*/
#f5
{
margin:;
margin-right: 778px;
}
</style>
</head>
<body>
<form action="#" method="post">
<fieldset id="f1">
<h2>已注册用户登录</h2>
<fieldset id="f2">
<legend >
<h3 >登录用户</h3 >
</legend>
<p id="a" >用户名
<input type="text" id="te1" name="te1">
</p>
<p id="b">密  码
<input type="text" id="te2" name="te2">
</p>
<p id="c">
<input type="checkbox" id="cb1" name="cb1">记住我
<input type="button" id="bt1" name="bt1" value="登录">
</p>
</fieldset>
<h2>未注册创建帐户</h2>
<fieldset id="f3">
<legend >
<h3><fieldset id="f5">用户注册</fieldset></h3>
</legend>
<p id="d">
<h4>您的电子邮箱不会被公布出去，但是必须填写.</h4>在您注册之前请先认真阅读服务条款
</p>
<p id="e">用户名
<input type="text" id="te3" name="te3">*(最多30个字符)
</p>
<p id="f">电子邮箱
<input type="text" id="te4" name="te4">*
</p>
<p id="g">密码
<input type="text" id="te5" name="te5">*(最多15个字符)
</p>
<p id="h">重复密码
<input type="text" id="te6" name="te6">*
</p>
<p id="i">同意服务条款
<input type="checkbox" id="cb2" name="cb2">先看看条款？*
</p>
<p id="j">
<input type="submit" id="bt2" name="bt2" value="提交">
<input type="reset" id="bt3" name="bt3" value="重置">
</p>
<h3>*在提交您的注册信息时，我们认为您已经同意了我们的服务条款</h3>
<h3>*这些条款可能在未经您同意的时候进行修改</h3>
</fieldset>
</form>
</body>
</html>
以上便是我的总结!