JS Script cơ bản: Copy,cut text từ 2 dòng nhập

Thảo luận trong 'Source code' bắt đầu bởi withyou, 29 Tháng mười một 2010.

  1. Offline

    withyou

    • Windows 3.0

    Số bài viết:
    99
    Đã được thích:
    30
    Điểm thành tích:
    40
    Hãy tạo form gồm 2 trường nhập:
    input 1
    input 2
    Nút copy text thực hiện copy text từ input 1 sang in put 2
    Nút “Cut text”, yêu cầu: Khi người dùng nhấn vào nút này thì hãy xóa nội dung của input, nhấn đôi (double click) vào nút này thì hãy xóa nội dung của input 2.
    code:
    HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    </head>
    
    <body>
    <script language="javascript">
    function copy(f1)
    {
    	f1.field2.value=f1.field1.value
    };
    function oneclick(f1)
    {
    	f1.field1.value=""
    };
    function dbclick(f1)
    {
    	f1.field2.value=""
    };
    </script>
    
    <form name="f1" method="post" action="">
      <label>field 1:
      <input type="text" name="field1" value="text document" />
      </label>
      <p>
        <label>field 2:
        <input type="text" name="field2" />
        </label>
    </p>
      <p>
        <label>Copytext: 
        <input name="Copytext" type="button" id="Copytext" value="copy" onclick="copy(f1)"/>
        </label>
      </p>
      <p>
        <label>Cut:
        <input name="cut" type="button" id="button" value="Cut" ondblclick="dbclick(f1)" onclick="oneclick(f1)" />
        </label>
      </p>
    </form>
    </body>
    
    </html>
    
    
  2. Offline

    lyvinhr00m

    • cụ lý

    Số bài viết:
    1.234
    Đã được thích:
    930
    Điểm thành tích:
    900
    ui hay qua ah...:016:

Chia sẻ trang này

Advertising: Linux system admin | nukeviet | nukeviet 4 | Upload ảnh miễn phí