html //来源http://jsbin.com/jewocem

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html //来源http://jsbin.com/jewocem相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <head>
    <base target="_top">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script>
      //Pass the uploaded file object (formObject.file) to the web service, extract CSV content from the uploaded file

      //Pass CSV content as a string (formObject.data)
      function handleFormPost(formObject) {
        jQuery("input:button").attr("disabled", true);
        google.script.run.withSuccessHandler(updateOutput).withFailureHandler(fail).doTextPost(formObject);
      }
      //Display the name and URL of the Google Sheet that was created
      function updateOutput(data) {
        var resp = jQuery.parseJSON(data);
        document.getElementById("output").innerHTML = "<a href='" + resp.url + "'>" + resp.name + "</a> created on Google Drive";
      }
      //Display and error dialog
      function fail(data) {
        alert("FAIL: " + data);
      }

    </script>
    <style type="text/css">
      fieldset {
        width: 750px;
        margin-bottom: 5px;
      }
      
      <style> #container {
        font-family: Roboto;
        padding-top: 0px;
        margin: 0px;
        background-color: #ffffff;
      }
      
      .jumbotron2 {
        position: flex: all;
        min-height: 450px;
        background-color: #ffffff;
      }
      
      .header {
        font-weight: bold;
        font-size: 30px;
      }

    </style>

    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/paper/bootstrap.min.css">

  </head>

  <body>
    <div class="container">
      <div class="jumbotron2">
        <h2>AV Eng Quote Template v3.5</h2>
        <div id="output">Link Will Appear Here</div>
        <hr/>
        <h4>Create A Copy</h4>

        <form id="myPostForm" method="POST">
          <div>
            <fieldset>
              <legend>
                <label for="name2">File Name</label>
              </legend>
              <input name="name" size="60" id="name2"></input>
            </fieldset>
          </div>
          <div>
            <fieldset>
              <legend>
                <label for="folderid2">Folder Id</label>
              </legend>
              <input name="folderid" size="60" id="folderid2"></input>
            </fieldset>
          </div>

          <div>
            <fieldset>
              <legend>
                <label for="name2"></label>
              </legend>

              <input type="button" value="Copy" id="approve" class="btn btn-primary btn-lg" name="button" onclick="handleFormPost(document.getElementById('myPostForm'))" />

            </fieldset>
          </div>
        </form>
      </div>
    </div>

  
<script id="jsbin-source-html" type="text/html"><!DOCTYPE html>
<html>
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <head>
    <base target="_top">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"><\/script>
    <script>
      //Pass the uploaded file object (formObject.file) to the web service, extract CSV content from the uploaded file

      //Pass CSV content as a string (formObject.data)
      function handleFormPost(formObject) {
        jQuery("input:button").attr("disabled", true);
        google.script.run.withSuccessHandler(updateOutput).withFailureHandler(fail).doTextPost(formObject);
      }
      //Display the name and URL of the Google Sheet that was created
      function updateOutput(data) {
        var resp = jQuery.parseJSON(data);
        document.getElementById("output").innerHTML = "<a href='" + resp.url + "'>" + resp.name + "</a> created on Google Drive";
      }
      //Display and error dialog
      function fail(data) {
        alert("FAIL: " + data);
      }

    <\/script>
    <style type="text/css">
      fieldset {
        width: 750px;
        margin-bottom: 5px;
      }
      
      <style> #container {
        font-family: Roboto;
        padding-top: 0px;
        margin: 0px;
        background-color: #ffffff;
      }
      
      .jumbotron2 {
        position: flex: all;
        min-height: 450px;
        background-color: #ffffff;
      }
      
      .header {
        font-weight: bold;
        font-size: 30px;
      }

    </style>

    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/paper/bootstrap.min.css">

  </head>

  <body>
    <div class="container">
      <div class="jumbotron2">
        <h2>AV Eng Quote Template v3.5</h2>
        <div id="output">Link Will Appear Here</div>
        <hr/>
        <h4>Create A Copy</h4>

        <form id="myPostForm" method="POST">
          <div>
            <fieldset>
              <legend>
                <label for="name2">File Name</label>
              </legend>
              <input name="name" size="60" id="name2"></input>
            </fieldset>
          </div>
          <div>
            <fieldset>
              <legend>
                <label for="folderid2">Folder Id</label>
              </legend>
              <input name="folderid" size="60" id="folderid2"></input>
            </fieldset>
          </div>

          <div>
            <fieldset>
              <legend>
                <label for="name2"></label>
              </legend>

              <input type="button" value="Copy" id="approve" class="btn btn-primary btn-lg" name="button" onclick="handleFormPost(document.getElementById('myPostForm'))" />

            </fieldset>
          </div>
        </form>
      </div>
    </div>

  </body>

</html>
</script>

</body>

</html>

以上是关于html //来源http://jsbin.com/jewocem的主要内容，如果未能解决你的问题，请参考以下文章

html //来源http://jsbin.com

html //来源http://jsbin.com/veqodam

html //来源http://jsbin.com/dahasaj

html //来源http://jsbin.com/wobede

html //来源http://jsbin.com/jewocem

html //来源http://jsbin.com/ticibigozu