表单常用元素
表单元素 | 含义 |
---|---|
input type=“submit” | 提交按钮,表单信息提交到服务器 |
input type=“text” | 单行文本域,允许输入一行文本 |
input type=“password” | 密码框,输入字符以密码形式显示 |
input type=“hidden” | 隐藏域,以隐含的方式提交信息 |
input type=“radio” | 单选框,用于设置一组选择框,用户是能选择一个选项 |
input type=“button” | 普通按钮,设置属性可以执行javascript脚本 |
input type=“select” | 下拉列表框,在列表中有很多项可供选择,可单选或多项,默认为单项 |
input type=“checkbox” | 复选框,允许用户在多个选项中选择多项 |
input type=“reset” | 重置按钮,重置和清空表单内容 |
input type=“file” | 文件域,当文件上传时用来打开一个模式窗口以选择文件 |
表单的属性
表单元素的属性 | 含义 |
---|---|
name | 名称属性,提交后通过名称可以获得表单元素的内容 |
value | 文本框的内容,按钮的显示文本 |
size | 文本框的宽度,列表框的可见项目数 |
id | 类似name,用于区别不同表单元素,在javascript中经常通过id获得表单元素的内容 |
rows | 多行文本框的行数 |
cols | 多行文本框的列数 |
基础表单制作
mysql部分
1.数据库中新建表
2.数据库表中填写内容[^1]: 不是null(意为不是空的,勾住),保存Ctrl+s
web部分
1.右击新建html
2.
<!DOCTYPE html>
<html lang="en