028、HTML 标签3表单标签插入组件

番茄西红柿发布于2019-04-23 13:12 / 3307人阅读

摘要：属性用于明确提交的方式。提交，将提交的数据显示在地址栏。提交，提交敏感信息安全。区别数据的体积。提交，将提交信息封装到了请求行。和服务端交互有三种方式，地址栏输入。

内容：表单标签插入组件(经常使用)
##############################################################

form表单标签和input组件
<form>
    用户名称：<input type="text" name="username" value="hehe" /><br/>
    输入密码：<input type="password" name="psw" /><br/>
    选择性别：<input type="radio" name="sex" value="nan" />男
            <input type="radio" name="sex" value="nv" checked="checked"/>女<br/>
    选择技术：<input type="checkbox" name="tech" value="java" />JAVA
            <input type="checkbox" name="tech" value="html" />HTML
            <input type="checkbox" name="tech" value="css" />CSS<br/>
    一个按钮：<input type="button" value="有个按钮" onclick="alert(有个按钮,我弹！)"/><br/>
    隐藏组件：<input type="hidden" name="zhangsan" value="20"/><br/>        
    选择文件：<input type="file" name="file" /><br/>
    图片组件：<input type="image" src="1.jpg" /><br/>
    
    选择国家：
    <select name="country">
        <option value=none>--选择国家--option>
        <option value="cn" selected="selected">中国option>
        <option value="usa">美国option>
        <option vaue=en>英国option>
    select>
    <br/>
    个人介绍：<textarea rows="4" cols="20">textarea>
    <input type="submit" value="提交"/><input type="reset" value="恢复默认"/>

form>

如果这些值需要提交到服务端的，每个组件的属性都需要name

####################################################################################
浏览器两种提交方式
以下get和post提交数据来自代码

#############################################
加入表格标签，好看，下面实现简单提交

<body>
<form action="127.0.0.1:8080" method="get">
    <table border="1" bordercolor="blue" width="700px" cellspacing="0" cellpadding="10">
        <tr>
            <th colspan="2">用户注册th>
        tr>
        <tr>
            <th>用户名称:th>
            <td><input type="text" name="usename">td>
        tr>
        <tr>
            <th>输入密码:th>
            <td><input type="password" name="pwd">td>
        tr>
        <tr>
            <td>选择性别:td>
            <td><input type="radio" name="sex" value="male"/>男
            <input type="radio" name="sex" value="female">女td>
        tr>
        <tr>
            <td>选择技术:td>
            <td><input type="checkbox" name="tech" value="java">java
                <input type="checkbox" name="tech" value="HTML">HTML
                td>
        tr>
        <tr>
            <td>一个按钮td>
            <td><input type="button" value="按钮" onclick="alert(love)">td>
        tr>
        <tr>
            <th colspan="2"><input type="submit" value="提交">th>
        tr>
    table>

form>
body>

##简单服务器用于执行上面的提交：

public static void main(String[] args) throws IOException
{
    ServerSocket ss = new ServerSocket(8080);
    Socket s = ss.accept();
    InputStream is = s.getInputStream();
    byte[] buf = new byte[1024];
    int len = is.read(buf);
    String str = new String(buf,0,len);
    System.out.println(str);
    
    PrintWriter out = new PrintWriter(s.getOutputStream(),true);
    out.println("注册成功");
    
    s.close();
    ss.close();
}

############################################################################
其他标签

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<body>
<b>演示b><i>一下i><u>其他u>的<strong>标签strong>。语义化
X<sub>2sub>  X<sup>2sup>
<marquee behavior="slide" direction="down">哇，我会飞啦！marquee>
<pre>
class Demo
{
    public static void main(String[] args)
    {
        System.out.println("hello");
    }
}
pre>
body>

GPU云服务器云服务器表单标签 js给表单标签赋值 html单标签双标签 html标签

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1572.html

028、HTML 标签2超链接，框架标签

摘要：内容超链接，框架标签超链接联系我们变形金刚变形金刚迅雷下载超链接定位标记，比如返回顶部位置顶部位置这里定义名字返回顶部表示本页面的那个名字位置取消默认的点击事件，加入新的操作框架标签框架标签的特点可以将浏览器窗口内容：超链接，框架标签############################################################## baidu.com ...

番茄西红柿 2019-04-23 13:12 评论0 收藏0
动态生成form表单,不再为表单烦恼

摘要：具有数据收集校验和提交功能的表单生成器，支持双向数据绑定和事件扩展，组件包含有复选框单选框输入框下拉选择框等表单元素以及省市区三级联动时间选择日期选择颜色选择滑块评分框架树型文件图片上传等功能组件。 form-create 具有数据收集、校验和提交功能的表单生成器，支持双向数据绑定和事件扩展，组件包含有复选框、单选框、输入框、下拉选择框等表单元素以及省市区三级联动,时间选择,日期选择,...

kamushin233 2019-08-22 14:53 评论0 收藏0
VUE

摘要：注意指令前面需要加，对指令传递数据赋值使用例如约定速成加上，表示自定义指令不要使用驼峰式命名。需要通过方法实现自定义指令注册完成。 vue Vue.js 构建数据驱动的web界面库。集中实现MVVM 的 VM层。容易与其他库或项目整合通过尽可能简单的API实现相应的数据绑定和组合的视图组件核心：相应的数据绑定系统，数据与DOM保持同步数据驱动的视图，普通的HTML模板中使用特殊的语...

bergwhite 2019-08-19 18:39 评论0 收藏0
HTML表单元素及CSS

摘要：表单一介绍标签表示为表单，表单元素是允许用户在表单中输入内容。属性值被提交表单的类型二表单组件组件一般被定义在表单中标签中标签表示输入框，为空标签。属性，属性规定要显示的元素的类型。冒号表示分隔符，分号表示结束符。表单一、介绍标签表示为表单，表单元素是允许用户在表单中输入内容。属性：action-提交表单的地址 Method-提交表单的方式。属性值：get/post ...

MyFaith 2019-08-30 13:48 评论0 收藏0
HTML表单元素及CSS

摘要：表单一介绍标签表示为表单，表单元素是允许用户在表单中输入内容。属性值被提交表单的类型二表单组件组件一般被定义在表单中标签中标签表示输入框，为空标签。属性，属性规定要显示的元素的类型。冒号表示分隔符，分号表示结束符。表单一、介绍标签表示为表单，表单元素是允许用户在表单中输入内容。属性：action-提交表单的地址 Method-提交表单的方式。属性值：get/post ...

jayzou 2019-08-01 17:50 评论0 收藏0