首先我们需要了解两个最基础的标签——表单标签form和输入标签input表单元素有很多当前常用属性actionurl nameform-1method-get |post其中action用于指定接收并处理表单数据的服务器url地址nare用来区分个网页中的多个表单暂时掌握这个就行了ioercc用于设置表单数据的提交方式默认为get而input 标签可用属性type来控制其表现形式具体可看以下表格可使用的属性值很多但作为像孔乙己这般的新手只需要掌握文本框、密码框、文件域、复选框、单选框、提交按钮和重置按钮其中文本框和密码框可通过size改变大小maxlength限制输入框的最大字符数。同往常一样用实例来切实学习这些标签的运用代码:!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 title表单练习/title /head body h1学员信息收集表/h1 form action# methodGET 账号input typetext name账号 value请输入账号br 密码input typepassword name密码br 性别女input typeradio name性别 value女 男input typeradio name性别 value男br 年级大一input typeradio name年级 value大一 大二input typeradio name年级 value大二 大三input typeradio name年级 value大三br 兴趣编程input typecheckbox name兴趣 value编程 设计input typecheckbox name兴趣 value设计 游戏input typecheckbox name兴趣 value设计br 上传头像input typefile name头像文件 value上传头像br input typereset value重置 input typesubmit value提交 /form /body /html运行效果由于我并未在代码中设定可输送的网页提交运行后的结果将呈现与“学员信息表的上方最后的补充1.【form标签的常用属性说明】action 提交到哪里method 提交方式常用的有GET和POSTGET 查数据POST 传数据target_blank 提交后在新标签页打开结果不覆盖当前表单页面enctypemultipart/form-data 【重要】表单包含文件上传时必须加此编码格式无文件上传时不需要加2.若typepassword空格,则密码明文显示