Is301 lab 2

15
IS 301 Интернэт програмчлал Ахлах багш Д. Сарантуяа/IM05/

Transcript of Is301 lab 2

Page 1: Is301 lab 2

IS 301 Интернэт програмчлал

Ахлах багш Д. Сарантуяа/IM05/

Page 2: Is301 lab 2

Лабораторийн ажил-2Сэдэв: Хэрэглэгчийн форм үүсгэх

Page 3: Is301 lab 2

Хэрэглэгчийн формыг үүсгэх

Юуны өмнө HTML формыг үүсгэх хэрэгтэй. Дараах жишээнд username буюу хэрэглэгчийн нэрийг оруулах textbox үүсгэх бөгөөд түүнд утга өгөхөд хэрэглэгчийн нэрийг PHP script ашиглан гаргаж үзүүлэх юм. Энэ тохиолдолд PHP script-ийн хувьд $username хувьсагчын тусламжтайгаар автоматаар утгыг үзүүлж байгаа билээ.

Page 4: Is301 lab 2

Одоо HTML формыг үүсгэе. <HTML><FORM>

Please type your name here:<BR><INPUT TYPE=TEXT

NAME=username><BR><BR><INPUT TYPE=SUBMIT VALUE="Submit

data"></FORM><BR><BR>You typed:

<?phpecho($username);

?></HTML>

Page 5: Is301 lab 2

Textbox-д хэрэглэгчийн нэрийг өгөөд Submit data товчлуур дээр дарахад үр дүнг дараах маягаар

үзүүлнэ.

Page 6: Is301 lab 2

Form- ын өгөгдөл оруулах Форм дээр ACTION шинж чанар үүсгэсэн

"processform.php" нэртэй PHP-ыг дуудсан userform.html нэр бүхий HTML код бичье.

 <HTML><!-- userform.html --><FORM ACTION="processform.php"

METHOD=POST>Please type your name here:<BR><INPUT TYPE=TEXT NAME="username"><BR><BR><INPUT TYPE=SUBMIT VALUE="Submit data">

</FORM></HTML>

Page 7: Is301 lab 2

Submit button товчлуурын тусламжтайгаар processform.php хуудсанд өгөгдөл илгээх

код бичье. <HTML><!-- processform.php -->

<?phpecho ("Welcome, " . $username .

"!");?>

</HTML>

Page 8: Is301 lab 2

Form хэрэглэх <!-- jobapp.html --><BODY>

<H1>Phop's Bicycles Job Application</H1><P>Are you looking for an exciting career in the world of cyclery?

Look no further!</P>

<FORM NAME='frmJobApp' METHOD=post ACTION="jobapp_action.php">Please enter your name:<INPUT NAME="applicant" TYPE="text"><BR><INPUT NAME="enter" TYPE="submit" VALUE="Enter">

</FORM></BODY></HTML>

Page 9: Is301 lab 2

Дараах формонд application form-ыг хэрэглэвэл:

Page 10: Is301 lab 2

Welcome Chris! Гэсэн browser дээр:

<HTML><!-- jobapp_action.php --><BODY><P>Welcome <?php echo

($applicant); ?>!</P></BODY></HTML>

Page 11: Is301 lab 2

Тэмдэгт болон хувьсагч хооронд холболт хийж

өгөгдөл Нээгдэх цонхонд хэрэглэгчийн нэр болон

буцах холбоос бүхий name.php програмыг бичье.

 <HTML><!-- name.php -->

<BODY><P>Applicant: <?php echo

($applicant); ?></P></BODY>

</HTML>

Page 12: Is301 lab 2

Шинэ браузер нээж, name.php-ээр холбоос үүсгэж байгаа jobapp_action.php файлын

код бичье. <HTML><!-- jobapp_action.php --><BODY><P>Welcome <?php echo ($applicant); ?>!</P><BR><BR><A TARGET="_new" HREF="name.php" >Show

name.</A></BODY></HTML>

Page 13: Is301 lab 2
Page 14: Is301 lab 2

name.php –ийн $applicant хувьсагчаар HREF шинж

чанараар URL үүсгэх<HTML><!-- jobapp_action.php --><BODY>

<P>Welcome <?php echo ($applicant); ?>!</P><BR><BR>

<A TARGET="_new" HREF="name.php?applicant=<?php echo ($applicant); ?>">

Show name.</A>

</BODY> </HTML>

Page 15: Is301 lab 2