zoukankan      html  css  js  c++  java
  • 小程序接收from表单数据(实例)

    html部分

    <form bindsubmit='sub'>
      <view class="con">
        <view class="con-nr">
          <text>联系人</text>
          <input placeholder="姓名" name="name"></input>
        </view>
        <view class="con-nr">
          <text>电话</text>
          <input placeholder="电话" name="telephone"></input>
        </view>
        <view class="con-nr">
          <text>地址</text>
          <input placeholder="地址" name="address" value="{{markers[0]['address']}}"></input>
        </view>
        <view class="con-nr">
          <text>详细地址</text>
          <input placeholder="详细地址,选填" name="detailedaddress" value=""></input>
        </view>
      </view>
    
      <button class="sub" form-type='submit'>
        确定
      </button>
    </form>

    css部分

    .con{
      line-height:70rpx;
    }
    
    .con view{
      width:700rpx;
      margin-left:30rpx;
      border-bottom:1px solid #f2f2f2;
    }
    
    .con view text{
      font-size: 32rpx;
    }
    
    .con-nr input{
      width:500rpx;
      float:right;
      font-size:28rpx;
      height: 70rpx;
    }
    
    
    
    .sub{
      width:500rpx;
      line-height:85rpx;
      text-align:center;
      margin:50rpx auto;
      background-color:#1AAD19;
      border-radius:10rpx;
    }

    js部分

    Page({
    
      /**
       * 页面的初始数据
       */
      data: {
    
      },
    
      sub: function (e) {
        console.log(e.detail.value)
      }
    
    
    })
  • 相关阅读:
    最短路径算法
    XMLhelper
    关于NuDaqPci 数据采集
    批处理常用命令及用法大全
    c#智能感知(设置)及实现
    单片机串行通信全解析
    Esp8266
    使用NOOBS给树莓派安装系统Raspbian
    命令提示符编译java
    javaWeb使用POI操作Excel
  • 原文地址:https://www.cnblogs.com/junyi-bk/p/10616748.html
Copyright © 2011-2022 走看看