2021-05-23

什么是表单?

1.表单的作用:收集用户信息

a.表单框

<form action>=""  name="" method="get/post"    get和post是 获取方式,区别后面携带参数

<input type="text" (常用)  name=""  size=""  maxlength=""     value=""  (常用)>

表单控件:password、radio、checkbox、submit(提交)、reset(重置)、button(空按钮)

高级表单的应用

select选择标签:
<select name="" id="">

    <option value="">20001</option>

    <option value="">20002</option>

    <option value="">20003</option>

    <option value="">20004</option>

    <option value="">20005</option>

    <option value="">20006</option>

    <option value="">20007</option>

    <option value="">20008</option>

    <option value="">20009</option>

    <option value="">20010</option>

</select>

多行文本域textarea:

<textarea name="" id="" cols="30" rows="10"></textarea>

name和id是和后台交互的两个重要属性

表单字段集 :简单讲就是一个搜集用户信息的

语法:<fieldset></fieldset>

默认自带边框 ,可以嵌套<fieldset><fieldset></fieldset></fieldset>

例子:

代码

 

效果图

和form的作用很像,但是form没有默认样式。

disable禁用当前子集元素


字段集标题

上传文件: <input type="file">

例子:

代码


效果图
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容