easyui根据select下拉框内容更新表单内容_HTML -- 表单标签\input\select

Ⅰ 简介

• 语义：标记表单
• 表单就是专门用来接收用户输入或采集用户信息的

Ⅱ 表单的格式

• 表单基本格式
  • <form>
    <表单元素>
    </form>
• action三种参数 -- 控制数据提交的后端路径
  • action='' -- 默认就是朝当前页面所在的url提交数据
  • action='全路径' -- 朝指定服务端提交
  • action="/index/" -- 自动识别当前服务端的ip和port拼接到前面
• <form action="http://127.0.0.1:8080/" method="post">
  • 向指定本地端口请求,以post模式请求

Ⅲ input -- 标签

• 描述性信息:<input type="数据类型">
• 用户名:<input type="text"> -- text普通文本

<

• placeholder='提示信息' -- 输入框提示信息

<

• password -- 密文格式,一般用于密码

<p>
        

• date -- 日历格式,用于出生日期快捷输入

<p>
        

• submit -- 向后端提交数据,当没有指定文本内容,不同的浏览器打开之后文本不一样

<p>
        

• button -- 可以触发submit的功能

<p>
    

三个按钮都可以提交数据

• reset -- 清空输入按钮

<p>
        

• radio -- 点选式单选,name值需要统一

<p>
        

• checkbox -- 点选式多选,及默认值
• checked = 'checked' -- 默认值

<p>
        

Ⅲ select -- 标签

• select -- 下拉框式选择
• option -- 默认单选

<

• multiple -- 下拉框式选择多选模式,多选需要shift按下
• selected -- 默认选项

<p>
        

Ⅳ textarea -- 获取大段文本

• textarea -- 用于企鹅空间说说等

<p>