1、首先在电脑桌面上，新建并打开一个记事本文件。
2、这里要用到<form>标签,这个标签包含了表单的一些元素，这里要用到<input>元素，具体格式如下图。
3、其中红框内 type="text" 意思是文本框，其中的text可以换成其他的，name="firstname"是这个文本框的名字。
4、然后点击保存，改变记事本文件后缀为html，看看网页显示效果。
5、接着来做一个最常用的登陆框，首先做出用户名+文本框；密码+文本框，以下是代码。
6、最后保存，看看网页显示效果，就完成了。
border-radius属性可以实现元素的圆角。如下css可以实现文本框（单行、多行）的圆角：input[type=text],textarea{border-radius:3pxborder:1px solid #000}
border-radius用法如下：
border-radius
属性是一个简写属性，用于设置四个
border-*-radius
属性。
该属性允许为元素添加圆角边框
语法：
border-radius:
1-4
length|%
/
1-4
length|%
按此顺序设置每个
radius
的四个值。
如果省略
bottom-left，则与
top-right
相同。
如果省略
bottom-right，则与
top-left
相同。
如果省略
top-right，则与
top-left
相同。
单位一般用px和百分比较多，其他单位也可
