文本框

    <input type="text" size="20"  value="我是有初始值的哈"> <!--input的text文本框只能输入一行-->
    <input type="text" size="20" placeholder="我是背景文字" > <!--input的text文本框只能输入一行-->
    <textarea>
        我是文本域
    </textarea>

文本域设置行数和列数

设置宽度和行数:使用属性cols和rows

<textarea cols="30" rows="8">

jt.png

密码框

<input type="password" placeholder="请输入密码">

HTML普通按钮

<input type="button"> 即普通按钮  普通按钮不具备提交form的效果

HTML表单

<form action="https://how2j.cn/study/login.jsp">
账号：<input type="text" name="name"> <br/>
密码：<input type="password" name="password" > <br/>
<input type="submit" value="登陆">
</form>


method="get" 
使用method="get" 提交数据 是常用的提交数据的方式 
如果form元素没有提供method属性，默认就是get方式提交数据 
get方式的一个特点就是，可以在浏览器的地址栏看到提交的参数，即便是密码也看得到




method="post" 
使用method="post" 也可以提交数据 
post不会在地址栏显示提交的参数 
如果要提交二进制数据，比如上传文件，必须采用post方式

get和post的区别

get 
是form默认的提交方式 
如果通过一个超链访问某个地址，是get方式 
如果在地址栏直接输入某个地址，是get方式 
提交数据会在浏览器显示出来 
不可以用于提交二进制数据，比如上传文件 
post 
必须在form上通过 method="post" 显示指定 
提交数据不会在浏览器显示出来 
可以用于提交二进制数据，比如上传文件

单选框

两个单选，都可以同时选中。 为了达到，同一时间，只能选中其一的效果，需要使用分组

<body>
    <p>今天晚上吃什么</p>
    吃火锅<input type="radio" name="eat" value="火锅"><br/>
    吃烤肉<input type="radio" name="eat" value="烤肉"><br/>
    吃屎<input type="radio" name="eat" value="屎" checked="checked">
</body>

B9yJOA.png

复选框

<body>
    <p>今天晚上做什么</p>
    学习java<input type="checkbox" checked="checked" name="java" value="java"><br>
    京东热<input type="checkbox" value="jdr"><br>
    DOTA<input type="checkbox" value="DATA"><br>
    LOL<input type="checkbox" value="lol"> 

</body>

下拉框

重置按钮 可以把输入框的改动复原

HTML图片提交
即使用图像作为按钮进行form的提交

HTML button 按钮

即按钮标签
与不同的是，