test

Just question yourself  If you want to build a new web site from scratch than which doctype would you use. HTML5 Programming is an excellent tool for new websites and apps.

HTML5 Specifications:-

Interactivity and Native support:-From past many years the web developers were trying to invent a tool which has the capacity to display fluid animations, stream video, play music and integrate with Social networking sites. So, HTML5 is only a candidate who stands in this row. Native video can be built on HTML5 which enables the publishers to deliver full-motion, high-quality video with greater speed. This tool will provide web developers to immediately grasp the full knowledge of the web pages and even if they are brand new to it.

It improves SEO:- HTML5 Programmer understand the search engine optimization in a better way. It provides greater accessibility. Tags like the “section” tag, which enables marketers to explain the topic of page sections, and the “nav” tag, by which a mobile device browser can make a link and helps the search engines more accurately in categorizing content and links.

Smarter Forms:- It provides better control for validating data, focusing, interaction with other pages elements on the page and various other improvements like you can get fully defined and structured database storage. This allows a developer to save structured data client-side using a real SQL database

Why should marketers embrace HTML5?

It is a nice question but a better question might be “why shouldn’t they?” the reason is that  Google has announced in one of his posts that it is bringing support for the HTML5 speech input API to the company’s Chrome browser. This will help the developers to introduce amazing new features in a variety of web apps by using certain tools. Now the users with a microphone will be able to record their speech, with API and can send it to a transcription server, and show up as text within the web app. It is already available in the Chrome beta from today.

Today we will see how to make a textbox that only accepts numbers or only characters in C#.Use this Validation in TextBox KeyPress Event.




After applying this below code .you can type only words in the Text box. you can't type Numbers and Other symbols in that Text box

            if(!char.IsControl(e.KeyChar) && !char.IsLetter(e.KeyChar))

            {

                e.Handled = true;

            }

           

After applying this below code .you can type only Numbers in the Textbox. you can't type Words and Other symbols in that textbox

            if (!char.IsControl(e.KeyChar) && !char.IsDigit(e.KeyChar))

            {

                e.Handled = true;

            }
       

After applying this below code .you can type  Numbers and Words in the Textbox. you can't type Other symbols in that textbox.

 
            // allow digit + char + white space

            if (!char.IsControl(e.KeyChar) && !char.IsLetterOrDigit(e.KeyChar) && !char.IsWhiteSpace(e.KeyChar))

            {

                e.Handled = true;

            }

        

This is our Very first  C# Lesson. In this lesson, Today We going to discuss how to search  data from datatable using a textbox and display it into datagridview in C#?. before doing this you need setup all thing ! Like adding data and deleting data, updating data Etc. this is a common Methord !!


1) Select Your TextBox And  goto the Event Section in the Property Window


2) Dubble Click the TextChanged Row



3 )  Copy the Below Code to your  Project

 

private void textBox11_TextChanged_1(object sender, EventArgs e)
        {

            (dataGridView1.DataSource as DataTable).DefaultView.RowFilter = string.Format("PurchaseID LIKE '%{0}%'", textBox11.Text); 
        }

4)  Then  Change  Clour Ares

•    Your datagridview  Name dataGridView1

•    Your Database Column Name   PurchaseID

•     Your Textbox Name   Textbox11

5)  Now Click Save Button

A section


 To change  title  find this code in the main code and change the text in the main code 

<title>taxi calculator</title>

There is four option for select. You can change highlight text area what you want! 
1) Selection Name 
2) Selection Value

<input type="checkbox" name="choice" value="2000" onchange="checkTotal()"/> With Ac<br/>

<input type="checkbox" name="choice" value="1500" onchange="checkTotal()"/> With cool box <br/>

<input type="checkbox" name="choice" value="3000" onchange="checkTotal ()"/>With breakfast<br/>

<input type="checkbox" name="choice" value="5000" onchange="checkTotal()"/>With travel Guider <br/>

A section

<br />

<div class="form-group">

<label for="rec_len">Enter the Mileage:</label>
     
<input type="text" class="form-control" id="rec_len" >
 
</div>

    <div class="form-group">

      <label for="rec_wid">Enter Passenger Count: </label>

      <input type="text" class="form-control req" id="rec_wid" >

    </div>

    <div class="form-group">

      <label for="result">Total:</label>

      <input type="text" class="form-control req" id="result" readonly >

    </div>

    <button type="submit" class="btn btn-default" onclick="findAreaOfTriangle()">Submit</button>

  </div>

You can re-name below text in above codes 
Enter the Mileage: type your trip Mileage 
Enter Passenger Count: type your passenger count 
Total: total price
In this section, you need to type mileage and passenger count
After that 
Your mileage amount will be multiplying by 2 
Your passenger count will be multiplying by 4
After that, a section  and b section total will addition

If want to change  that 2 and 4 find below code in main code and change the value

 KM=RecLen*2;

 pa= RecWid*4;

to change  currency type find below code in main code and change the  currency

A Section 

document.listForm.total.value = "RS."+sum;

B Section 

document.getElementById("result").value = "Rs."+total;

here is the Full Code (Copy and Past) your Page

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>taxi calculator </title>

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

    <!-- Load Bootstrap library for better UI look & feel -->

    <link rel="stylesheet" type="text/css" media="screen" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" />

    <script>





      function findAreaOfTriangle(){

        var RecLen, RecWid, total;



               document.listForm.total.value = '';

        var sum = 0;

        for (i=0;i<document.listForm.choice.length;i++) {

          if (document.listForm.choice[i].checked) {

              sum = sum + parseInt(document.listForm.choice[i].value);

          }

        }

        

   



        RecLen = document.getElementById("rec_len").value;

        RecWid = document.getElementById("rec_wid").value;

       

        KM=RecLen*2;

        pa= RecWid*4;

        

      total=KM + pa+sum ;



        document.getElementById("result").value = "Rs."+total;



      }

    </script>



</head>

<body>



  <div class="container">

    <br />

      <h2>abc Tours </h2>



<script type="text/javascript">

    function checkTotal() {

        document.listForm.total.value = '';

        var sum = 0;

        for (i=0;i<document.listForm.choice.length;i++) {

          if (document.listForm.choice[i].checked) {

              sum = sum + parseInt(document.listForm.choice[i].value);

          }

        }

        document.listForm.total.value = "RS."+sum;

    }





</script>



<form name="listForm">



<input type="checkbox" name="choice" value="2000" onchange="checkTotal()"/> With Ac<br/>

<input type="checkbox" name="choice" value="1500" onchange="checkTotal()"/> With cool box <br/>

<input type="checkbox" name="choice" value="3000" onchange="checkTotal ()"/>With breakfast<br/>

<input type="checkbox" name="choice" value="5000" onchange="checkTotal()"/>With travel Guider <br/>





<br>Total:</br> <input type="text" size="20" name="total" value= "0"/>

</form>



    <br />

    <div class="form-group">

      <label for="rec_len">Enter the Mileage:</label>

      <input type="text" class="form-control" id="rec_len" >

    </div>

    <div class="form-group">

      <label for="rec_wid">Enter Passenger Count: </label>

      <input type="text" class="form-control req" id="rec_wid" >

    </div>

    <div class="form-group">

      <label for="result">Total:</label>

      <input type="text" class="form-control req" id="result" readonly >

    </div>

    <button type="submit" class="btn btn-default" onclick="findAreaOfTriangle()">Submit</button>

  </div>

</body>

</html>

                      If you Like this article Don't Forget To Share 

              




Html is a web design language. Today I'm going to Teach you How to create a Simple Calculator Using Html Language.

How to do it? 

1) Open a text editing program on your computer






2) Paste the HTML code  into the document







Copy the code below


<html>


<head>


<title>HTML Calculator</title>


</head>


<body bgcolor= "#000000" text= "gold">


<form name="calculator" >


<input type="button" value="1" onClick="document.calculator.ans.value+='1'">


<input type="button" value="2" onClick="document.calculator.ans.value+='2'">


<input type="button" value="3" onClick="document.calculator.ans.value+='3'">


<input type="button" value="4" onClick="document.calculator.ans.value+='4'">


<input type="button" value="5" onClick="document.calculator.ans.value+='5'">


<input type="button" value="6" onClick="document.calculator.ans.value+='6'">


<input type="button" value="7" onClick="document.calculator.ans.value+='7'">


<input type="button" value="8" onClick="document.calculator.ans.value+='8'">


<input type="button" value="9" onClick="document.calculator.ans.value+='9'">


<input type="button" value="-" onClick="document.calculator.ans.value+='-'">


<input type="button" value="+" onClick="document.calculator.ans.value+='+'">


<input type="button" value="*" onClick="document.calculator.ans.value+='*'">


<input type="button" value="/" onClick="document.calculator.ans.value+='/'">




<input type="button" value="0" onClick="document.calculator.ans.value+='0'">


<input type="reset" value="Reset">


<input type="button" value="=" onClick="document.calculator.ans.value=eval(document.calculator.ans.value)">


<br>Solution is <input type="textfield" name="ans" value="">


</form>


</body>


</html>



3) Go to the files and Select Save As option






4) Add an HTML extension to the file name. In the "SaveAs..." menu, type in your file  name followed by ".html", and then click "Save". For example, if you wanted to call this file "cal", you would save the file as "Cal.html"






5) Now open your file



    Result






                                       If you Like this article Don't Forget To share