精华内容
下载资源
问答
  • Html创建表单

    2017-02-13 08:49:00
    echo Html::beginForm(['/site/logout'], 'post'); echo Html::submitButton(Yii::t('app', 'logout'), ['class' => 'btn btn-link']); echo Html::endForm() 转载于:...

    echo Html::beginForm(['/site/logout'], 'post');
    echo Html::submitButton(Yii::t('app', 'logout'), ['class' => 'btn btn-link']);
    echo Html::endForm()

    转载于:https://www.cnblogs.com/yangyuqiu/p/6392409.html

    展开全文
  • HTML 表单用于收集用户输入,与服务器进行交互,使用form元素来定义一个HTML表单。下面简单介绍表单中常见元素的用法。 1.表单标签 form 属性: action : 数据提交的服务器地址 method: 数据提交的方法 数据提交...

    HTML表单是什么?
    HTML 表单用于收集用户输入,与服务器进行交互,使用form元素来定义一个HTML表单。
    下面简单介绍表单中常见元素的用法。

    1.表单标签 form

    属性:

    • action —数据提交的服务器地址
    • method— 数据提交的方法

    数据提交方法一般有 get和post两种 。

    • get—查询服务器的数据
    • post—修改服务器的数据
    <form action=""method="post">
    </form>
    

    2.表单域 input

    用户可以交互的控件。

    2.1文本框类型 text
    用户名:<input type="text" placeholder="请输入用户名">
    

    效果:在这里插入图片描述

    其中placeholder是文本提示,可以在控件未获得焦点时显示提示信息,而在获得焦点时提示消失。

    2.2密码框
    密码:<input type="password" placeholder="6位以上">
    

    效果:在这里插入图片描述
    当 type=password 时为 “密码字段”,密码域的输入框会对输入信息做掩码处理。

    2.3单选 radio
    性别:<label><input type="radio" name="sex"></label>
    	<label><input type="radio" name="sex" checked="checked"></label>
    

    效果:
    在这里插入图片描述
    可以对 input 标签增加 checked属性实现预选。

    2.4多选
    爱好: <label><input type="checkbox" name="fav">唱歌</label>
    	  <label><input type="checkbox" name="fav">跳舞</label>
    	  <label><input type="checkbox" name="fav" checked="checked">看书</label>
    

    效果:在这里插入图片描述
    多选按钮和单选一样,通过相同的name属性值来识别同一组按钮。

    2.5下拉
    学历:<select>
    				<option>北京</option>
    				<option>上海</option>
    				<option >杭州</option>
    				  </select>
    

    效果:在这里插入图片描述

    2.6文件上传 file
    头像:<input type="file"/>
    

    效果:在这里插入图片描述

    2.7多行文本 textarea
    留言:
    				<textarea rows="5" cols="30">
    				</textarea><br>
    

    效果:在这里插入图片描述

    2.8提交按钮 submit
    <input type="submit" value="上传信息"/>
    <button type="submit">上传信息"</button>
    

    效果:在这里插入图片描述

    2.9重置按钮 reset
    <input type="reset" value="擦掉重写"/>
    <button type="reset">擦掉重写"</button>
    

    效果:在这里插入图片描述
    点击按钮会清空表单内填写的信息,即重置表单为初始默认状态。

    3.lable标签

    input元素定义标注(标题)。

    <label><input type="checkbox"/>看书</label>
    <label><input type="radio"/></label>
    

    以上就是对如何创建HTML表单的全部介绍。

    展开全文
  • html创建表单元素

    千次阅读 2006-07-03 03:17:00
    创建表单使用元素,以及在期间插入的相关元素(组件),可以创建作为html文档一部分的表单语法 注意get方法提交表单是,提交的数据被附加导url上,作为url的一部分发送到服务器端Post 方法是将表单中的信息作为一个数据块...

    .表单的用途

    表单主要用于和用户交互,一般需要有后台处理程序

    ..表单

    1.创建表单

    使用<form>元素,以及在期间插入的相关元素(组件),可以创建作为html文档一部分的表单

    语法

    <form method=”get or post” action=”url”>

    </form>

     

    注意get方法提交表单是,提交的数据被附加导url,作为url的一部分发送到服务器端

    Post 方法是将表单中的信息作为一个数据块发送到服务器端.

    Action指定对表单进行处理的脚本的地址

    2.常用表单元素

    (1).<input>元素

    <input>元素主要用来接受用户的输入的信息

    <input type=”type” name=”name” size=”size” value=”value”>

    其中type属性用来指定要创建的控件的类型,name属性用来指定控件的名称,服务端脚本可以获得和name相对应的表单的数据,取出对应的值,

    Size用来指定表单中控件的初始化宽度,

    Value属性指定控件的初始化值

     

    常见的type属性

    单行文本输入控件(type=”text”)

    提交按钮(type=”submit”)

    重置按钮(type=”reset”)

    密码输入控件(type=”password”)

    单选按钮(type=”radio”)

    复选框(type=”checkbox”)

    隐藏控件(type=”hidden”)

     

     

     
    展开全文
  • 二、表单创建 我们创建一个简单的html文件【InputForm.html】,用于应答完成后的页面显示,页面中包含一个列表框,一个数字框,一个“提交”按钮。 <!DOCTYPE html> <html lang="en"&...

    一、Node服务

    https://segmentfault.com/a/1190000019768393?utm_source=tag-newest

    二、表单创建

    我们创建一个简单的html文件【InputForm.html】,用于应答完成后的页面显示,页面中包含一个列表框,一个数字框,一个“提交”按钮。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>输入表单</title>
    
    </head>
    <body>
        <form action="http://172.21.12.62:3002/InputForm.html" method="get">
            请输入文本<input type="text" name="TextData"/><br>
            请输入数字<input type="number" name="NumberData"/><br>
            <input type="submit" value="提交"/>
        </form>
    </body>
    </html>

    三、开启服务

    创建一个js文件【httpserver.js】,先导入几个我们在运行过程中用到的包

    let http=require('http');
    let url=require('url');
    let fs=require('fs');

    创建一个server函数进行服务器的应答,需要接收传入的url,通过传入的url进行输出测试。例如当url为“/image”,我们显示一张自己准备好的图像,如果表单获取错误则报错,获取成功则输出相关信息。

    在监听中输入自己定下的端口号和自己的IP地址

    let condb=require('./mongoTest');
    let http=require('http');
    let url=require('url');
    let fs=require('fs');
    let sever=http.createServer(function(req,res){
        if(req.url==='/favicon.ico'){res.end('')}
        else if(req.url==='/'){
            res.writeHead(200,{'Content-Type':'text/html'});
            fs.readFile('./InputForm.html',function(err,FileData){
                if(err){
                    console.log("Can not find such file");
                    throw err;
                }
                res.write(FileData);
                res.write('<br>'+'<br>');
                res.end('File send Success');
                //console.log('1')
            });
            //console.log('2');
        }
        else if(req.url==='/image'){
            res.writeHead(200,{'Content-Type':'image/jpg'});
            fs.readFile('./Zelda.jpg',function(err,Image){
                if(err){
                    console.log("Can not find such image");
                    throw err;
                }
                res.write(Image);
                res.write('<br>'+'<br>');
                res.end('Image send Success');
            });
        }
    
    });
    sever.listen(端口,'IP');

     表单的输出如下,我们需要获取表单中的文本内容和数字内容,进行类型转换后在新页面输出

        else{
            res.writeHead(200,{'Content-Type':'text/html'});
            console.log(req.url);
            let urlPathName=url.parse(req.url).path;   //装载字符串
            console.log('urlPath= '+urlPathName);
            let urlQuery=url.parse(req.url,true).query; //true:由字符串变成对象
            //输出text
            let T=urlQuery.TextData;
            console.log('Text= '+T);
            res.write('text= '+T+'<br>');
            //输出数字
            let N=urlQuery.NumberData;
            console.log('Number= '+N);
            res.write('number= '+N+'<br>');
            res.end('<br>See you next time~');
        }
     

    四、测试输出

    先运行httpserver.js文件,然后打开html,在表单中输入内容

    提交表单,如果正常输出则运行成功

    展开全文
  • HTML创建表单 创建表单、设置表单属性、 单行文本、密码框 、单选按钮、复选按钮、普通按钮、重置按钮 、提交按钮、图像域 、文件域 、隐藏域 、下拉列表项 、字段集、标签。 创建表单 表单创建在<body></...
  • HTML5创建表单

    2020-09-16 14:19:23
    1 认识表单   表单主要同于收集网页浏览者的相关信息,用。使用语法如下: <from action="url" method="get|post" enctype="mime"></from> action:用于处理提交表单的格式,它可以是一个URL地址或...
  • 创建表单web页

    2015-04-05 18:33:40
    html创建表单web页
  • 上海电子信息职业技术学院 通信与信息工程学院软件技术系 网页制作课程任务单 姓 名 学 号 班级 成绩 学习情景编号... 能够利用HTML创建表单对象 任务实施步骤 1在网站中新建一个子页 以玩具公司网站为例创建职位详情子

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 5,330
精华内容 2,132
关键字:

html创建表单