How To Retrieve All Highway By Certain Area With Relevant Values?

Amended VIPINDAS K's answer so it runs. Pivot converts an area into an element. ^ and $ are part of regular expressions, defining the begining & ending of a string. In this example it searches for highways the are either 'trunk' or 'primary'. 'trunk_link' would not be returned,

{{geocodeArea:Malappuram}};
rel(pivot)->.District;
wr[highway~"^(trunk|primary)$"](area);
out geom; 
.District out geom;

{{style: 
way{
color: green;
fill-color: green;
text: name:en;
}
relation{
color: green;
fill-color: green;
text: name:en;
}
}}

Sample code:
[out:json][timeout:25];
// fetch area “Malappuram" to search in
{{geocodeArea:Malappuram}}->.searchArea;
// gather results
(
//query part for: “boundary=Malappuram”;
wr["boundary"="administrative"]["name"="Malappuram"]["admin_level"="5"](area.searchArea);
way["highway"="trunk"](area.searchArea);
way["highway"="primary"](area.searchArea);
relation["highway"="trunk"](area.searchArea);
relation["highway"="primary"](area.searchArea);
//we can add more tags
way{
color: green;
fill-color: green;
text: name:en;
}
relation{
color: green;
fill-color: green;
text: name:en;
}
);
// print results
out body;
>;
out skel qt;

wizard helps to create codes.
Qgis helps to make customized map.