html表单

来源：互联网发布：java byte转16进制编辑：程序博客网时间：2024/06/05 14:50

此篇blog主要用来记载近期学习的有关form表单的内容

form表单也是一个常用标签，主要用于为用户输入创建 HTML 表单。

form属性：action：内容提交的网页 method：传输方式 get（明文）/post（密文）

一些常用的表单控件有

1.<input>

属性：type（类型） name （名字） id（唯一标识） value（默认值）

常用type属性：

text;单行文本框

password：密码框

radio：单选框

CheckBox：复选框

file：打开文件框

submit：提交按钮

reset ：重置按钮

image：图片按钮

button：普通按钮

number：数字框

2.<textarea></textarea>:多行文本框

3 <select>

</select>

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>form表单</title></head><body><form action="#"method="post"><!--表单可以提交的内容--><!--单行文本传入服务器的形式：key-value的形式键值对  集合（容器）-->这是一个单行文本框: <input type="text" name="" placeholder="占位符" /><br /><!--密码框    name一般填写password-->这是一个密码框：<input type="password" name="" /><br /><!--文件框      name一般填写文件的名字-->这是一个文件框：<input type="file"name="" /><br /><!--数字输入框       step每次增加或减少的值-->这是一个数字框： <input type="number" name="" max="10" min="1" step="3" /><br /><!--多行文本框-->这是一个多行文本框： <textarea name="" rows="5" cols=""></textarea><br /><!--单选框-->这是一个单选框： 男<input type="radio" name="sex" id="" value="nan" />女 <input type="radio" name="sex" id="" value="nv" /><br /><!--复选框-->这是一个复选框：<input type="checkbox" name="sex" id="" value="book" />看书 <input type="checkbox" name="sex" id="" value="basketball" />打篮球<br /><!--下拉选框-->这是一个下拉选框:<select name="国家"><option value="">中国</option><option value="">美国</option><option value="">英国</option></select><br /><!--隐藏提交提交不想给用户看到的信息，--><input type="hidden" name="hidden" value=""/><!--提交按钮-->这是一个提交按钮： <input type="submit" id="" name="" value="提交"/><br /><!--按钮onclick：点击事件-->这是一个点击按钮： <input type="button" id="" value="点击按钮" onclick="alert('你点到我了')"/><br /><!--button按钮--><button onclick="alert('你又点到我了')">别点我了</button></form></body></html>

阅读全文

0 0