第四讲:html的使用(三)

凡事欲其成功,必要付出代价:奋斗。——爱默生


本讲内容:表单form元素


一、表单form元素介绍:html 的表单元素,主要用于让用户输入数据,并提交给服务器。

基本语法:

各种元素[输入框,下拉列表,文本域,密码框。。。]


get与post区别:post 表单的内容通过http发送,在地址栏中看不到表单的提交信息


表单常用控件

属性 描述
input type="text" 单行文本输入框
input type=“password” 密码输入框
input type="radio" 单选框
input type="checkbox" 复选框
select 列表框
textarea 多行文本输入框
input type="submit" 将表单内容提交给服务器的按钮
input type="reset" 将表单全部内容全部清除,重新填写的按钮
input type = "image" src=
图片
   

案例1



登入界面 


登入界面

用户名:
密  码:
第四讲:html的使用(三)_第1张图片 第四讲:html的使用(三)_第2张图片


案例2

*****喜欢水果*****
西瓜
苹果
*****喜欢性别*****


*****隐藏(它的用处主要是,既可以提交数据,同时不影响界面)*****
*****喜欢图片*****
*****下啦选择 *****
请选择你的出生地
*****请留言*****
*****请选择你要上传的文件*****
请选择文件

第四讲:html的使用(三)_第3张图片

本讲就到这里,Take your time and enjoy it


你可能感兴趣的:(第四讲:html的使用(三))